* {
  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: var(--borderWidth000);
  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);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: var(--borderWidth000);
  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: var(--borderWidth400) solid transparent;
  outline: 1px solid slategray;
  outline-offset: -4px;
  background-clip: padding-box;
  border-radius: 1em;
}


.quatrefoils {
  --s: 46.8px;
  --c1: #e8f0fd60;
  --c2: #ffffff;
  --_g: #0000 83%, var(--c1) 85% 99%, #0000 101%;
  background:
    radial-gradient(27% 29% at right, var(--_g)) calc(var(--s)/2) var(--s),
    radial-gradient(27% 29% at left, var(--_g)) calc(var(--s)/-2) var(--s),
    radial-gradient(29% 27% at top, var(--_g)) 0 calc(var(--s)/2),
    radial-gradient(29% 27% at bottom, var(--_g)) 0 calc(var(--s)/-2) var(--c2);
  background-size: calc(2*var(--s)) calc(2*var(--s));
}

.curvy {
  --s: 80px;
  --c1: #ffffff;
  --c2: #e8f0fd60;
  --_s: calc(2*var(--s)) calc(2*var(--s));
  --_g: 35.36% 35.36% at;
  --_c: #0000 66%, var(--c2) 68% 70%, #0000 72%;
  background:
    radial-gradient(var(--_g) 100% 25%, var(--_c)) var(--s) var(--s)/var(--_s),
    radial-gradient(var(--_g) 0 75%, var(--_c)) var(--s) var(--s)/var(--_s),
    radial-gradient(var(--_g) 100% 25%, var(--_c)) 0 0/var(--_s),
    radial-gradient(var(--_g) 0 75%, var(--_c)) 0 0/var(--_s),
    repeating-conic-gradient(var(--c1) 0 25%, #0000 0 50%) 0 0/var(--_s),
    radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s) var(--c1);
}

.curved-lines {
  --s: 88px;
  --c1: #e8f0fd60;
  --c2: #ffffff;
  --c3: #ffffff;
  --_g: 50%, #0000 37%, var(--c1) 39% 70%, #0000 72%;
  --_t: 50%, var(--c2) 40deg, var(--c3) 0 140deg, var(--c2) 0 180deg, #0000 0;
  --_s: 47% 50% at;
  background:
    radial-gradient(var(--_s) -10% var(--_g)) 0 calc(var(--s)/2),
    radial-gradient(var(--_s) -10% var(--_g)) calc(var(--s)/2) 0,
    radial-gradient(var(--_s) 110% var(--_g)),
    radial-gradient(var(--_s) 110% var(--_g)) calc(var(--s)/2) calc(var(--s)/2),
    conic-gradient(from 0deg at 55% var(--_t)) calc(var(--s)/4) 0,
    conic-gradient(from 180deg at 45% var(--_t)) calc(var(--s)/4) 0,
    var(--c2);
  background-size: var(--s) var(--s);
}

.circles-squares {
  --s: 100px;
  --c1: #ffffff;
  --c2: #e8f0fd60;
  --_g: var(--c1) 0 100%, #0000 102%;
  background:
    conic-gradient(#0000 75%, var(--_g)) calc(var(--s)/4) calc(var(--s)/4),
    radial-gradient(65% 65% at 50% -50%, var(--_g)),
    radial-gradient(65% 65% at -50% 50%, var(--_g)),
    radial-gradient(65% 65% at 50% 150%, var(--_g)),
    radial-gradient(65% 65% at 150% 50%, var(--_g)) var(--c2);
  background-size: var(--s) var(--s);
}

:where(.userPreferncesBackground) {
  position: relative;
}
.userPreferncesBackground::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FFFFFF;
  background-image: var(--background-image);
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  pointer-events: none;
}

.userPreferncesBackground.loaded::before {
  opacity: 1;
}

.userPreferncesBackground.default::before {
  background-size: 348px 648px;
  opacity: .7;
}

.userPreferncesBackground.arabezier::before {
  background-size: 180px 325px;
}

.userPreferncesBackground.marble::before {
  background-size: cover;
}

/* Gradient Border Box */

/* Typed custom property so --angle can animate smoothly */
@property --angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

/* Rotate the gradient's angle */
@keyframes gbb-rotate {
  to {
    --angle: 1turn;
  }
}

/* Utility classes for the ring */
.gbb-ring.gbb-spin {
  animation: gbb-rotate 8s linear infinite;
  animation: gbb-rotate var(--dur, 8s) linear infinite;
}

.gbb-ring.gbb-reverse {
  animation-direction: reverse;
}

.gbb-ring.gbb-pause {
  animation-play-state: paused;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .gbb-ring {
    animation: none !important;
  }
}

/* duplicate classes to increase specificity */
.nowrap.nowrap.nowrap.nowrap.nowrap.nowrap.nowrap.nowrap {
  min-width: -webkit-max-content !important;
  min-width: max-content !important;
  min-height: -webkit-max-content !important;
  min-height: max-content !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  display: inline-block !important;
}

/* Defining common font family here means we don't have to keep defining the font family elsewhere */
a, abbr, acronym, address, b, bdi, bdo, blockquote, data, div, h1, h2, h3, h4, h5, h6, label, mark, noscript, output, p, q, ruby, rp, rt, s, script, section, small, span, strong, sub, summary, sup, td, th, time, u {
  font-family: var(--typographyFontFamily);
}

.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: -webkit-fit-content;
  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: var(--borderWidth200) solid var(--gray000);
  border-radius: 0.5rem;
}

.MorphPhotoMenu_btn__IgJxT:hover,
.MorphPhotoMenu_btn__IgJxT:focus {
  border: var(--borderWidth200) solid transparent;
}

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

.MorphPhotoMenu_btnBorder__cV2Uh {
  border: var(--borderWidth100) 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: -webkit-fit-content;
  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;
  }


.MorphCalendarMonth_calendarWrapper__5v5zr {
  padding: 5px 5px 10px 5px;
  min-height: 330px;
}

.MorphCalendarMonth_calendarContainer__QKlMF {
  width: 400px;
  max-width: 100%;
  height: -webkit-fit-content;
  height: fit-content;
}

.MorphCalendarMonth_selectDateText__S5hRX{
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--primaryMain);
  padding: 10px;
}

@media (max-width: 900px) {
  .MorphCalendarMonth_calendarWrapper__5v5zr {
    min-height: 455px;
  }
  
  .MorphCalendarMonth_calendarContainer__QKlMF {
    width: 350px;
  }
}

@media (max-width: 450px) {
  .MorphCalendarMonth_calendatWrapper__O70hy {
    width: 100%;
  }

  .MorphCalendarMonth_calendarContainer__QKlMF {
    border-radius: 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 {
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
          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;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -220px;
    display: none;
  }
  100% {
    opacity: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
}

@keyframes MorphCalendarMonth_clipAnimationToHide__jDVjF {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
  100% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -220px;
    display: none;
  }
}

@keyframes MorphCalendarMonth_clipAnimationToHideMobile__krTeo {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
  100% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -310px;
    display: none;
  }
}

.MorphCalendarMonth_snackbarWrapper__JslGp {
  position: absolute;
  width: -webkit-fit-content;
  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;
  }
}

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

.CalculatorMessageContent_wrapper__Tz5u1 {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 90px;
  -webkit-appearance: none;
          appearance: none;
  border: var(--borderWidth000);
  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: var(--borderWidth100) 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: var(--borderWidth400) solid var(--peach000);
  z-index: 1;
}

.CalculatorMessageContent_wrapper__Tz5u1 .CalculatorMessageContent_chatBubble__af9Yy {
  border: var(--borderWidth100) 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";
  width: 100%;
  color: var(--orange700);
}

@media (min-width: 769px) {
  .CalculatorMessageContent_titleText__fsfBr {
    text-align: center;
  }
}

.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:var(--borderWidth000);
}

.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: var(--borderWidth200) solid var(--peach600);/* Add a vertical divider to each cell except the first one */
}
.CalculatorMessageContent_tableStyles__pOvUC th:not(:last-child){
  border-right: var(--borderWidth200) 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: -webkit-fit-content;
  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: var(--borderWidth200) 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: var(--borderWidth100) solid var(--orange700);
  border-radius: 0 0 50% 50%;
  border-top: none;
  z-index: 1;
  position: absolute;
  content: '';
  width: 110%;
  height: 112%;
  -webkit-clip-path: inset(70% 0 0 0);
          clip-path: inset(70% 0 0 0);
}

/* The circle containing the double arrows to read more/less */
.CalculatorMessageContent_disclaimerIcon__RGI-G {
  border: var(--borderWidth100) 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: var(--borderWidth100) 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: -webkit-fit-content;
  width: fit-content;
}

.AppointmentMessageContent_dateBox__evFmN {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 75px;
  background-color: var(--gray000);
  border: var(--borderWidth200) 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: var(--borderWidth100) 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;
}

.DetailsListMessageContent_detailsContainer__fWxi- {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.DetailsListMessageContent_linkDetailsSection__yRZ3p {
  position: relative;
  border: var(--borderWidth200) solid var(--orange800);
  border-radius: 8px;
  margin-top: 15px;
  background: linear-gradient(to right, #f3e8ff 50%, white 50%);
}

.DetailsListMessageContent_workflowGreetingsSection__nT2B0 {
  position: relative;
  border: var(--borderWidth200) solid #8a2be2;
  border-radius: 8px 8px 0 0;
  margin-top: 5px;
  background: linear-gradient(to right, #f3e8ff 50%, white 50%);
}

.DetailsListMessageContent_orangeTitle__YbiAx {
  position: absolute;
  top: -12px;
  left: 20px;
  background-color: var(--orange800);
  color: white;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
}

.DetailsListMessageContent_purpleTitle__3k-aC {
  position: absolute;
  top: -17px;
  left: 20px;
  background-color: var(--purple100);
  color: white;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: bold;
  font-size: 14px;
}

.DetailsListMessageContent_linkDetailsSection__yRZ3p .DetailsListMessageContent_sectionContent__krTq0 {
  padding: 15px 5px 10px 5px;
}

.DetailsListMessageContent_workflowGreetingsSection__nT2B0 .DetailsListMessageContent_sectionContent__krTq0 {
  padding: 12px 5px 5px 5px;
}

.DetailsListMessageContent_row__1DMxO {
  display: flex;
  position: relative;
}

.DetailsListMessageContent_row__1DMxO:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 1px;
  background-color: #ccc;
}

.DetailsListMessageContent_leftColumn__F7y4j {
  flex: 1 1;
  padding: 5px 15px;
  font-size: 12px;
}

.DetailsListMessageContent_rightColumn__oeswl {
  flex: 1 1;
  padding: 5px 15px;
  font-size: 12px;
}

.DetailsListMessageContent_rightColumn__oeswl a {
  color: #007bff;
  text-decoration: none;
}

.DetailsListMessageContent_rightColumn__oeswl a:hover {
  text-decoration: underline;
}

.DetailsListMessageContent_linkSection__33rJH {
  background-color: var(--orange800);
  padding: 10px 15px;
  border-radius: 0 0 8px 8px;
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.DetailsListMessageContent_linkSection__33rJH a {
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.DetailsListMessageContent_linkSection__33rJH a:hover {
  text-decoration: underline;
}

.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: -webkit-fit-content;
  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: -webkit-fit-content;
  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: -webkit-fit-content;
  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: var(--borderWidth100) 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;
  -webkit-clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
          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{
  margin-left: 50px;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  z-index: 3;
  position: absolute;
  overflow: hidden;
  display: flex;
  justify-content: center;
  top: -10px;
}

.CreditRepairWelcomeMessageContent_innerCircle__o6JPM{
  height: 90px;
  width: 90px;
  border: var(--borderWidth700) 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: var(--borderWidth100) 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: var(--borderWidth100) solid var(--peach700);
  margin-bottom: -1px;
  font-size: 0.94rem;
  width: 100%;
  font-weight: 500;
}

.CreditRepairWelcomeMessageContent_welcomeMessageContainer__dXSOZ {
  margin-top: 10px;
  padding: 10px;
  max-width: 500px;
}

@media (max-width: 768px) {
  .CreditRepairWelcomeMessageContent_welcomeMessageContainer__dXSOZ {
    min-width: 0;
    min-width: initial;
    max-width: 350px;
  }
}

.CreditRepairWelcomeMessageContent_messageTitle__zDUwz {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px;
  color: var(--peach700);
}

.CreditRepairWelcomeMessageContent_messageTitleReferrer__x25Uc {
  font-size: 12px;
  text-align: left;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--peach700);
}

.CreditRepairWelcomeMessageContent_messageSubtitle__-HuWd {
  font-weight: 500;
  margin-bottom: 10px;
}

.CreditRepairWelcomeMessageContent_stepsContainer__3\+MpK {
  padding: 10px 0;
  position: relative;
}

.CreditRepairWelcomeMessageContent_stepItem__f-Nqx {
  display: flex;
  margin-left: 10px;
  position: relative;
}

.CreditRepairWelcomeMessageContent_stepItem__f-Nqx:first-child {
  margin-top: 7px;
}

.CreditRepairWelcomeMessageContent_stepItem__f-Nqx:not(:first-child) {
  margin-top: 13px;
}

.CreditRepairWelcomeMessageContent_steps__YI8rl {
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: var(--borderWidth100) solid white;
  background-color: var(--peach700);
  position: absolute;
  margin-left: -32px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

.CreditRepairWelcomeMessageContent_footerText__iF4vy {
  padding: 10px 0;
  font-weight: 500;
}

.CreditRepairWelcomeMessageContent_glassContainer__c9Xoo {
  margin-top: 0px;
}

.CreditRepairWelcomeMessageContent_glassContainerWithMargin__mW6at {
  margin-top: 70px;
}

.CreditRepairWelcomeMessageContent_topVideoBox__lKbte {
  display: flex;
  margin-top: 50px;
}

.CreditRepairWelcomeMessageContent_topVideoBoxExpanded__e2-RA {
  margin-top: 60px;
  margin-bottom: 10px;
}

.LockConfirmationMessageContent_wrapper__QLDNI {
  min-width: 275px;
  max-width: 500px;
  min-height: 90px;
  position: relative;
}

.LockConfirmationMessageContent_contentWrapper__KtnDm {
  mask-image: radial-gradient(circle at calc(100% - 28px) 28px, transparent 31px, black 0);
  -webkit-mask-image: radial-gradient(circle at calc(100% - 28px) 28px, transparent 31px, black 0);
}

.LockConfirmationMessageContent_content__HZWZl {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-appearance: none;
          appearance: none;
  border: var(--borderWidth000);
  /* color: var(--gray920); */
  background-color: transparent;
  width: 100%;
}

.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_content__HZWZl::before {
  content: ' ';
  /* background-color: var(--peach600); */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  border-radius: 10px;
  /* border: var(--borderWidth100) solid var(--orange700); */
}

/* orange circle */
.LockConfirmationMessageContent_content__HZWZl::after {
  content: ' ';
  display: block;
}

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

.LockConfirmationMessageContent_content__HZWZl .LockConfirmationMessageContent_footer__yDBle {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 0px 0px 10px 10px;
  color: var(--gray000);
  justify-content: center;
  background: linear-gradient(
    90deg,
    var(--walletRed),
    var(--walletRed),
    var(--blue400),
    var(--blue400),
    var(--walletRed)
  );
  animation: LockConfirmationMessageContent_flow__7w6rN 3s linear infinite;
  background-size: 200%;
}

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

.LockConfirmationMessageContent_content__HZWZl .LockConfirmationMessageContent_calcFooter__Mmn-W {
  position: relative;
  display: flex;
  width: 100%;
  bottom: -2px;
  background-color: var(--orange700);
  border: var(--borderWidth100) 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_paragraphStyles__YvT09 {
  font-size: 0.8em;
  white-space: nowrap;
  margin: 0 auto;
}

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

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

.LockConfirmationMessageContent_calcFooter__Mmn-W td {
  border-left: var(--borderWidth100) 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: var(--borderWidth000);
}

.LockConfirmationMessageContent_lockWrapper__wEcTm {
  width: 52.5px;
  height: 52.5px;
  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(--primaryMain);
  z-index: 1;
  right: 2px;
  top: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.LockConfirmationMessageContent_lockAnimation__OJZGO {
  height: 34px;
  width: 34px;
  position: relative;
  left: 5px;
  bottom: 2px;
  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 */
}

.PermissionRejectedMessageContent_bubble__3djdZ{
  width: -webkit-fit-content;
  width: fit-content;
  border-color: var(--orange700);
  padding: 6px 7px 8px 9px;
  background-color: var(--peach600);
}

.LoanProductComparisonMessageContent_wrapper__2C3Ua {
  font-size: small;
}

.LoanProductComparisonMessageContent_loanProductWrapper__5aBY2 {
  -webkit-mask-image: radial-gradient(circle at 50% 3px, transparent 8px, black 0),
    radial-gradient(circle at 50% calc(100% + 3px), transparent 8px, black 0);
          mask-image: radial-gradient(circle at 50% 3px, transparent 8px, black 0),
    radial-gradient(circle at 50% calc(100% + 3px), transparent 8px, black 0);
  mask-repeat: no-repeat;
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect; /* for Firefox */

  -webkit-mask-image: radial-gradient(circle at 50% 3px, transparent 8px, black 0),
    radial-gradient(circle at 50% calc(100% - 3px), transparent 8px, black 0);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: destination-in; /* for Safari/Chrome */
}

.LoanProductComparisonMessageContent_wrapper__2C3Ua .LoanProductComparisonMessageContent_loanProduct__L223l {
  border-radius: 10px;
  background-color: var(--chatBubblesAiBackColor);
  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_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);
}

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

.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: var(--borderWidth100);
  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;
}

.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: 9px;
  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: -webkit-fit-content;
  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: 300px;
  border: var(--borderWidth100) 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;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.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: 20px auto;
}

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

.AngelSignMessageContent_operatorLink__el66i {
  display: block;
  /* Ensure link fills whole parent container */
  width: 100%;
  height: 100%;
  margin: -6px -4px;
  padding: 6px 4px;
}

/* Styles related to the animated bubbles */

.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: -webkit-min-content;
  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;
  }
}

@media screen and (max-width: 500px) {
  .AngelSignMessageContent_outerContainer__5ih4s {
    margin-bottom: 10px;
  }
}

.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: -webkit-fit-content;
  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: -webkit-fit-content;
  height: fit-content;
}

.InviteReferrerMessageContent_inviteReferrerOuterContainer__dvmpu .InviteReferrerMessageContent_arrow__E\+OAi{
  margin-right: 10px;
  border: var(--borderWidth100) 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: var(--borderWidth000);
  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_messageContainer__CgDvq {
  position: relative;
  overflow: visible;
}

.UpcomingEventsListMessageContent_messageContainer__CgDvq::before {
  content: '';
  position: absolute;
  top: 60%;
  left: 0px;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.4) 0%, rgba(59, 130, 246, 0.1) 50%, transparent 60%);
  filter: blur(30px);
  z-index: -1;
}

.UpcomingEventsListMessageContent_messageContainer__CgDvq::after {
  content: '';
  position: absolute;
  top: 40%;
  right: 0px;
  transform: translate(50%, -50%);
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.4) 0%, rgba(59, 130, 246, 0.1) 50%, transparent 60%);
  filter: blur(30px);
  z-index: -1;
}

.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.9rem;
  width: 100%;
  padding: 7px;
}

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

.UpcomingEventsListMessageContent_subTitleContainer__dkspj {
  width: 100%;
}

.UpcomingEventsListMessageContent_subTitleContainer__dkspj p {
  line-height: 20px;
  color: white;
  background: linear-gradient(269.93deg, #7339C5 34.36%, #FF4103 99.97%);
  border-radius: 0px 0px 8px 8px;
  font-family: Poppins;
  font-size: 0.6rem;
  width: 100%;
  padding: 7px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.UpcomingEventsListMessageContent_arrowIcon__qCoHN {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: transparent;
  border: var(--borderWidth100) solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.UpcomingEventsListMessageContent_optionsContainer__Dbyb5 {
  border-radius: 0px 0px 8px 8px;
  display: flex;
  flex-direction: column;
}

.UpcomingEventsListMessageContent_optionContainer__fSI-m {
  transition: background-color 0.5s ease, max-height 0.3s ease, padding 0.3s ease, transform 0.3s ease, height 0.3s ease;
  padding-left: 15px;
  padding-right: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
  cursor: pointer;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  transform-origin: bottom;
  height: 70px;
}

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

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

.UpcomingEventsListMessageContent_optionContainer__fSI-m > :first-child {
  transition: background-color 0.4s ease, transform 0.4s ease;
}

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

  .UpcomingEventsListMessageContent_optionNumber__7rvb6 {
    font-size: 0.7rem;
  }

  .UpcomingEventsListMessageContent_subTitleContainer__dkspj p{
    font-size: 0.62rem;
  }
}

/* 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: #ffffff;
  }

  .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: var(--borderWidth100) solid rgb(255, 243, 238);
  font-family: Poppins;
  font-size: 0.75rem;
  font-weight: 500;
}

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

.UpcomingEventsListMessageContent_eventInfo__hFf6a {
  flex: 1 1;
  min-width: 0;
}

.UpcomingEventsListMessageContent_eventTitle__e05TX {
  font-weight: 600;
  max-width: 24ch;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.UpcomingEventsListMessageContent_eventLocation__OAszo {
  max-width: 24ch;
  word-wrap: break-word;
  font-size: 0.9em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.UpcomingEventsListMessageContent_eventDate__Hl6t7 {
  flex: 0 0 100px;
  text-align: left;
  margin-left: 5px;
  font-size: 0.9em !important;
}

.UpcomingEventsListMessageContent_eventStatus__sTbcJ {
  flex: 0 0 70px;
  text-align: right;
  margin-left: 5px;
  font-size: 0.9em !important;
}

.UpcomingEventsListMessageContent_divider__AaFVM {
  height: 1px;
  background-color: #e0e0e0;
  margin: 0 10px;
}

.UpcomingEventsListMessageContent_seeMoreContainer__ppvZk {
  display: flex;
  justify-content: flex-end;
  padding: 10px 15px;
}

.UpcomingEventsListMessageContent_seeMoreButton__\+cq6P {
  background: none;
  border: var(--borderWidth000);
  color: black;
  font-family: Poppins;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
}

.UpcomingEventsListMessageContent_hiddenOption__vOd4p {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: bottom;
  transition: max-height 0.3s ease, padding 0.3s ease, transform 0.3s ease, height 0.3s ease;
  height: 0 !important;
}

.UpcomingEventsListMessageContent_hiddenOption__vOd4p + .UpcomingEventsListMessageContent_divider__AaFVM {
  display: none;
}

@media (max-width: 767px) {
  .UpcomingEventsListMessageContent_optionContainer__fSI-m p {
    font-size: 0.65rem;
  }

  .UpcomingEventsListMessageContent_eventDate__Hl6t7 {
    flex: 0 0 80px;
  }
  
  .UpcomingEventsListMessageContent_eventStatus__sTbcJ {
    flex: 0 0 60px;
  }
  
  .UpcomingEventsListMessageContent_eventTitle__e05TX {
    max-width: 18ch;
  }

  .UpcomingEventsListMessageContent_eventDate__Hl6t7 p {
    font-size: 0.9em !important;
  }

  .UpcomingEventsListMessageContent_eventStatus__sTbcJ p {
    font-size: 0.9em !important;
  }
}

@media (max-width: 390px) {
  .UpcomingEventsListMessageContent_eventDate__Hl6t7 {
    flex: 0 0 70px;
  }

  .UpcomingEventsListMessageContent_eventStatus__sTbcJ {
    flex: 0 0 40px;
  }

  .UpcomingEventsListMessageContent_eventDate__Hl6t7 p {
    font-size: 0.9em !important;
  }

  .UpcomingEventsListMessageContent_eventStatus__sTbcJ p {
    font-size: 0.9em !important;
  }
}

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

.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: var(--borderWidth200) 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: var(--borderWidth1100) 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: var(--borderWidth300) 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: -webkit-fit-content;
  width: fit-content;
  height: -webkit-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: var(--borderWidth100) 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
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm {
  width: 90%;
  height: 250px;
  border-radius: 10px;
  border-style: solid;
  border-color: var(--orange500);
  border-width: var(--borderWidth100);
  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 td {
  padding: 5px;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW td:first-child {
  position: -webkit-sticky;
  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: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--gray000);
}

.MorphLoanProductPriceTable_priceTableContainer__lTdjm > .MorphLoanProductPriceTable_tableContainer__SpdMW th:first-child {
  position: -webkit-sticky;
  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;
}

.MorphLoanProductPriceTable_disabledCell__C6OhO {
  background-color: var(--gray200);
  color: var(--gray400);
  cursor: not-allowed !important;
  opacity: 0.6;
}

.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_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: -webkit-fit-content;
  width: fit-content;
  z-index: 2;
  cursor: pointer;
  transition: background-color 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: background-color 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;
  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: var(--borderWidth200) solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphVideoListMenu_btn__bU9nS:hover,
.MorphVideoListMenu_btn__bU9nS:focus {
  border: var(--borderWidth200) solid transparent;
}

.MorphVideoListMenu_btn__bU9nS:hover .MorphVideoListMenu_label__NP8xn,
.MorphVideoListMenu_btn__bU9nS:focus .MorphVideoListMenu_label__NP8xn {
  color: var(--gray920);
}

.MorphVideoListMenu_btnBorder__\+HQed {
  border: var(--borderWidth100) 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: -webkit-fit-content;
    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);
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
            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);
    -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 83% 7%, 67% 16%, 49% 27%, 34% 40%, 24% 53%, 14% 67%, 7% 81%);
            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);
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
            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);
    -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 17% 7%, 33% 16%, 51% 27%, 66% 40%, 76% 53%, 86% 67%, 93% 81%);
            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: -webkit-fit-content;
  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: var(--borderWidth200) 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: var(--borderWidth200) solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphCreditRepairAccountType_btn__bsK3E:hover,
.MorphCreditRepairAccountType_btn__bsK3E:focus {
  border: var(--borderWidth200) solid transparent;
}

.MorphCreditRepairAccountType_btn__bsK3E:hover .MorphCreditRepairAccountType_label__K0xvr,
.MorphCreditRepairAccountType_btn__bsK3E:focus .MorphCreditRepairAccountType_label__K0xvr {
  color: var(--gray920);
}

.MorphCreditRepairAccountType_btnBorder__5cB0o {
  border: var(--borderWidth100) 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);
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
            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);
    -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 83% 7%, 67% 16%, 49% 27%, 34% 40%, 24% 53%, 14% 67%, 7% 81%);
            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);
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
            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);
    -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 17% 7%, 33% 16%, 51% 27%, 66% 40%, 76% 53%, 86% 67%, 93% 81%);
            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: -webkit-fit-content;
    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: var(--borderWidth200) 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: var(--borderWidth200) solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphUserSuggestions_btn__1bgnV:hover,
.MorphUserSuggestions_btn__1bgnV:focus {
  border: var(--borderWidth200) solid transparent;
}

.MorphUserSuggestions_btn__1bgnV:hover .MorphUserSuggestions_label__BUrqi,
.MorphUserSuggestions_btn__1bgnV:focus .MorphUserSuggestions_label__BUrqi {
  color: var(--gray920);
}

.MorphUserSuggestions_btnBorder__gebHn {
  border: var(--borderWidth100) 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: var(--borderWidth100) 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: var(--borderWidth100) 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: 500;
  background: linear-gradient(to bottom, #132B93, #6B385B, #D74D2E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

@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;
  -webkit-clip-path: circle(61px at center top);
          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: var(--borderWidth100) 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: 72px;
  border: var(--borderWidth100) solid var(--primaryMain);
  border-left: var(--borderWidth000);
  border-radius: 8px;
  padding-left: 20px;
  padding-bottom: 8px;
}

.MorphLanguageSelector_flagsContainerMobile__VP9AE {
  margin-left: auto;
  display: flex;
  align-items: center;
  background: var(--gray000);
  width: calc(100%);
  height: 72px;
  border: var(--borderWidth100) solid var(--primaryMain);
  border-left: var(--borderWidth000);
  border-radius: 8px;
  padding-bottom: 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: var(--borderWidth100) 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: var(--borderWidth300) 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_flagWithLanguage__HgB4X {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  width: 100%;
  height: 100%;
}

.MorphLanguageSelector_languageName__M0kuq {
  font-family: var(--typographyFontFamily);
  font-size: 14px;
  color: #a29b95;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s ease;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 4px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.MorphLanguageSelector_languageName__M0kuq.MorphLanguageSelector_selected__QityM {
  color: var(--primaryMain);
  font-weight: 500;
}

.MorphLanguageSelector_swiperSlide__pOop2:hover .MorphLanguageSelector_languageName__M0kuq {
  opacity: 1;
  font-weight: 500;
}

.MorphLanguageSelector_inputContainer__wrDFY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--gray000);
  width: calc(100%);
  height: 50px;
  border: var(--borderWidth100) solid var(--primaryMain);
  margin-left: auto;
  position: relative;
  border-radius: 8px;
}

.MorphLanguageSelector_textFieldWrapper__9Lvzi {
  flex: 1 1;
  max-width: calc(100% - 100px);
  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%;
  padding: 0 2px;
}

.MorphLanguageSelector_exitButton__UbLre {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 35px;
  width: 35px;
  background-color: var(--gray000);
  border: var(--borderWidth300) solid var(--peach900);
  border-radius: 50%;
  padding: 8px;
  right: -15px;
  top: -28px;
  color: var(--peach900);
  z-index: 1;
}

.ErrandMessageContentNew_class__Fafhu {
  --width: 280;
  --height: 130;
  --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: -webkit-fit-content;
  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: var(--borderWidth000);
  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: 120px;
	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;
	line-clamp: 1;
}
.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: max-width var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              max-height var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              min-width var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              min-height var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              width var(--time) cubic-bezier(0.075, 0.82, 0.165, 1),
              height var(--time) cubic-bezier(0.075, 0.82, 0.165, 1);
  overflow: hidden;
  padding: 0;
  border-width: var(--borderWidth000);
  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: var(--borderWidth100);
  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));
}

.MorphTime_container__HpZa- {
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
  padding-top: 20px;
  flex-direction: column;
  align-items: center;
}

.MorphTime_timeWrapper__r3fUY {
  position: relative;
  overflow: hidden;
  touch-action: none;
  display: flex;
  /* background-color: var(--peach800); */
  width: -webkit-fit-content;
  width: fit-content;
  height: 100px;
  justify-content: center;
  align-items: center;
  /* border-radius: 15px; */
  color: var(--blue999);
  font-size: 16px;
  z-index: 1;
  /* bottom: 0px; */
  overflow: hidden !important;
}

.MorphTime_snackbarWrapper__6\+CWQ {
  position: absolute;
  width: -webkit-fit-content;
  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;
  bottom: 0;
}

.MorphTime_openSnackbar__Nwdoz {
  animation: MorphTime_slideUp__DYTMO 0.5s forwards;
  z-index: 0;
}

@keyframes MorphTime_slideUp__DYTMO {
  0% {
    opacity: 0%;
  }
  25% {
    opacity: 100%;
  }
  100% {
    opacity: 100%;
  }
}

.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_timeZoneText__hb9pY {
  color: var(--primaryMain);
  font-weight: 600;
  font-size: 16px;
}

.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;
}

.MorphTime_pointerCursor__6GNh5 {
  cursor: pointer;
}

@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: 30px;
  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.MorphTime_active__Ag4zP {
  z-index: 2;
  color: var(--blue999);
  font-size: 30px;
  font-weight: 600;
}

.MorphTime_carouselSlide__ZxT61:not(.MorphTime_active__Ag4zP) {
  z-index: 1;
  color: rgba(0, 0, 0, 0.3);
}

.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%);
}

@media (max-width: 900px) {
  .MorphTime_timeWrapper__r3fUY {
    width: 100%;
  }
}

.MorphTime_timezoneWrapper__rFHEc {
  position: absolute;
  display: flex;
  flex-direction: column;
  touch-action: none;
}

.MorphTime_timezoneWindow__350a9 {
  position: absolute;
  z-index: 3;
  width: 120px;
  height: 100%;
  background-color: var(--orange810);
  border-radius: 15px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: MorphTime_height__f5mPg 1s forwards;
  /* transform: translate(1px, 0px); */
  top: 0px;
}

@keyframes MorphTime_height__f5mPg {
  0% {
    height: 0;
    /* top: 100px; */
    overflow: hidden;
  }
  100% {
    height: 100px;
    /* top: 0; */
    overflow: hidden;
  }
}

.MorphTime_widerCarousel__9MZyl {
  width: 100px;
}

.MorphTime_timezoneTabButton__odDk1 {
  color: var(--blue999);
  margin-left: -10px;
}

.MorphTime_closeTimezoneButton__hwOcx {
  background-color: var(--orange810);
  width: 121px;
  border-radius: 15px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  color: var(--blue999);
}

.MorphTime_timezoneBackground__vjLUU {
  position: absolute;
  width: 100%;
  height: 100%;
  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 {
  -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
          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;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -220px;
    display: none;
  }
  100% {
    opacity: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
}

@keyframes MorphTime_clipAnimationToHide__nhwvN {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
  100% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -220px;
    display: none;
  }
}

@keyframes MorphTime_clipAnimationToHideMobile__XX\+Du {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-top: 0px;
  }
  100% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    margin-top: -310px;
    display: none;
  }
}

.MorphTime_disabled__5r5rg {
  cursor: not-allowed;
}

.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: var(--borderWidth100) 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: var(--borderWidth000);
  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);
  }
}

.ConsentPage_pageContainer__L\+1pC {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  overflow: hidden;
  /* filter: blur(16px); */
  transition: all 0s linear;
}

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

.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: var(--borderWidth100) 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: var(--borderWidth400) solid white;
    background-color: var(--blue964);
    color: white;
   }

.SlotMachineStyles_notSelectedSize__PNmC6{
    background-color: #ffdebf;
}

.SlotMachineStyles_selectedColorText__xad3l{
    text-transform: uppercase;
}

.SlotMachineStyles_selectedColor__x7fVZ{
    border: var(--borderWidth300) solid gold;
    border-radius: 50%;
}


.AngelSignWrapper_section__J5PLm {
  z-index: 1 !important;
}

.AngelSignWrapper_glassContainer__YQ0Az {
  position: absolute;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  right: 0;
  bottom: 0;
  inset: 0;
}

.AngelSignWrapper_fixed__-20hD {
  position: fixed !important;
}

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

.AngelSignWrapper_orb__aAfky {
  background-color: var(--angelSignBlue);
}

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

.AngelSignWrapper_angelSignContainer__CwwBl > * {
  height: 100%;
}

.AngelSignWrapper_angelSignContainer__CwwBl input[type="checkbox"] {
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
}

.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: var(--borderWidth000) !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;
}

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

.OverlayedLoanConditions_loanConditionsContainer__ov57S {
  display: flex;
  /* border: var(--borderWidth200) 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: -webkit-fit-content;
  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: -webkit-fit-content;
  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: var(--borderWidth200) 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: var(--borderWidth200) solid var(--orange900); */
  pointer-events: none;
  border-radius: 10px;
  margin: -1px;
}

@media (hover: hover) and (pointer: fine) {
  .OverlayedLoanConditions_conditionContainer__WW2JJ:hover {
    border: var(--borderWidth200) 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: var(--borderWidth100) solid white;
}

.OverlayedLoanConditions_addCommentButton__9ZSwl:hover{
  border: var(--borderWidth100) 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: var(--borderWidth200) solid transparent;
}

.OverlayedLoanConditions_uploadButton__L49ES:hover {
  border: var(--borderWidth200) 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: var(--borderWidth100) 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: -webkit-fit-content;
  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: var(--borderWidth100) 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: var(--borderWidth200) 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: var(--borderWidth700) solid transparent;
  border-right: var(--borderWidth700) solid transparent;
  border-bottom: var(--borderWidth700) 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;
}

.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;
  -webkit-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');
          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: var(--borderWidth100);
  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: var(--borderWidth100);
  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: var(--borderWidth100);
  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: var(--borderWidth100);
  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: var(--borderWidth100);
  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;
}

.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: var(--borderWidth100) 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;
  }
}

.PropertyListingMessageContent_wrapper__PBGVj {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 314.43px;
  max-width: 314.43px;
}

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

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

/* Clickable container wrapping the card */
.PropertyListingMessageContent_clickContainer__oZbqr {
  pointer-events: all;
  max-width: 100%;
  width: 100%;
}

/* White rounded card container */
.PropertyListingMessageContent_card__hvgKZ {
  background: transparent;
  border: var(--borderWidth130) solid var(--propertyListingCardOrange) !important;
  border-radius: 8.00px;
  padding: 10.27px;
  width: 314.43px;
  height: auto;
  max-width: 314.43px;
  /* Soft glow to smooth the border and improve contrast */
  box-shadow: 0 0 0 1px var(--propertyListingBoxShadow1) inset,
    0 0 10px var(--propertyListingBoxShadow2);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  /* Nudge frost slightly stronger */
  -webkit-backdrop-filter: blur(4px) saturate(1.1);
  backdrop-filter: blur(4px) saturate(1.1);
}

.PropertyListingMessageContent_locationIcon__B3i-i {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 11.04px;
  height: 15.63px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://www.swmc.com/angelai/static/media/location.5192aa10bec917a9ffb4.svg);
  opacity: 1;
  z-index: 1;
}

.PropertyListingMessageContent_img__BzNNb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 293.89px;
  height: 130.1px;
  border-radius: 5px;
  margin-bottom: 6px;
  overflow: hidden;
  border: var(--borderWidth000);
}

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

/* Price displayed above the card */
.PropertyListingMessageContent_priceHeader__IFwe6 {
  width: 102.56px;
  height: 28.01px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
  margin-bottom: 0;
  align-self: flex-start;
}

.PropertyListingMessageContent_priceHeader__IFwe6 span {
  font-family: Poppins, sans-serif;
  font-weight: 600;
  font-size: 21.54px;
  line-height: 110%;
  letter-spacing: 0px;
  color: var(--primaryMain);
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* prevent optional word breaks inserted in price string */
.PropertyListingMessageContent_priceHeader__IFwe6 wbr {
  display: none;
}

/* Address section between price and image */
.PropertyListingMessageContent_address__n8Liu {
  margin: 6px 0;
  align-self: flex-start;
  width: 289.88px;
  /* allow up to two lines; keep baseline height for single-line */
  min-height: 14.49px;
  margin-left: 0;
  text-align: left;
  font-family: Poppins, sans-serif;
  font-weight: 500;
  /* Medium */
  font-size: 10.00px;
  line-height: 100%;
  letter-spacing: 0px;
  color: var(--gray950);
  /* enable two-line wrapping with ellipsis if it exceeds two lines */
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.PropertyListingMessageContent_meta__NDotH {
  display: none;
}

.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_ctaButton__dLtmC {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 33px;
  border: var(--borderWidth000);
  border-radius: 5px;
  overflow: hidden;
  background: transparent;
  cursor: pointer;
  margin-top: 4px;
}

.PropertyListingMessageContent_ctaButton__dLtmC::before {
  content: "";
  position: absolute;
  left: -18.95%;
  right: -26.35%;
  top: -6.63%;
  bottom: -28.08%;
  background: linear-gradient(269.93deg, var(--propertyListingPurple) 34.36%, var(--propertyListingOrange) 99.97%);
  border-radius: 5px;
  z-index: 0;
}

.PropertyListingMessageContent_ctaLabel__IOr1r {
  font-family: Poppins, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  text-align: center;
  color: var(--white000);
  position: relative;
  z-index: 1;
}

.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(--gray950);
  border-radius: 10px;
  padding: 10px;
}

/* Property features single line below the image */
.PropertyListingMessageContent_featuresLine__rRl18 {
  margin: 0px 0 4px 0;
  align-self: flex-start;
  text-align: left;
  color: var(--gray950);
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13.00px;
  line-height: 170%;
  letter-spacing: 0%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

/* Individual feature item (Beds/Baths/Sqft) */
.PropertyListingMessageContent_featureItem__za0P6 {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

/* Spacing between features, equivalent to an em space separator */
.PropertyListingMessageContent_featureItem__za0P6+.PropertyListingMessageContent_featureItem__za0P6 {
  margin-left: 1em;
}

/* Bed icon to the left of the "Beds" label */
.PropertyListingMessageContent_feature_beds__-HsW\+ {
  position: relative;
  padding-left: 18px;
}

.PropertyListingMessageContent_feature_beds__-HsW\+::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 15.86px;
  height: 14.48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://www.swmc.com/angelai/static/media/bed.1ad2e305ceae9da7e973.svg);
}

/* Bath icon to the left of the "Baths" label */
.PropertyListingMessageContent_feature_baths__lKzSX {
  position: relative;
  padding-left: 16px;
}

.PropertyListingMessageContent_feature_baths__lKzSX::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 11.67px;
  height: 14.48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://www.swmc.com/angelai/static/media/bath.1535253656d6b0bcad43.svg);
}

/* Sqft icon to the left of the "sqft" label */
.PropertyListingMessageContent_feature_sqft__nbllY {
  position: relative;
  padding-left: 20px;
}

.PropertyListingMessageContent_feature_sqft__nbllY::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 14.48px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://www.swmc.com/angelai/static/media/sqft.ebdb7ed1198b4ae958e4.svg);
}

.Message_message__3tN\+b {
  border: var(--borderWidth100) 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;
}

.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: var(--borderWidth100) 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: var(--borderWidth100) solid black;
}

.Input_input__G65h5:focus {
  outline: none;
}

.Select_select__wg1mk {
  padding: 6px;
  border-radius: 6px;
  border: var(--borderWidth100) solid black;
}

.Select_select__wg1mk:focus {
  outline: none;
}

.Checkbox_checkbox__K8vx- {
  width: calc(1rem + 6px);
  height: calc(1rem + 6px);
  border-radius: 6px;
  border: var(--borderWidth100) 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);
}

.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: var(--borderWidth100) 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: var(--borderWidth100) 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: var(--borderWidth100) 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: 5%;
}

.AvatarConfiguration_multiChild__ZJWTW {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.MorphWorkflowTimeline_workflowTimelineContainer__ceQcX{
  display: flex;
  border: var(--borderWidth100) solid var(--orange900);
  border-radius: 8px;
  width: -webkit-fit-content;
  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;
}

.MorphBorrowerSelector_swiperContainer__OdiCZ {
  min-width: 30vw;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--peach800);
  border-radius: 10px;
  border: var(--borderWidth100) 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: var(--borderWidth300) 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: var(--borderWidth300) 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: var(--borderWidth500) 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;
}

.MorphChooseLoanProducts_swiperContainer__z0EyS {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
  overflow: visible !important;
  overflow: initial !important;
}

.MorphChooseLoanProducts_productSlide__fwvFr {
  width: 300px !important;
  height: 50px !important;
}

.MorphChooseLoanProducts_slideContent__IbSW0 {
  border-top-style: dashed;
  border-bottom-style: dashed;
  border-left-style: solid;
  border-right-style: solid;
  border-width: var(--borderWidth100);
  border-radius: 30px;
  border-color: var(--orange100);
  background-color: var(--peach100);
  display: flex;
  font-size: small;

  mask-image: radial-gradient(circle at 50% 100%, transparent 8px, black 0);
  -webkit-mask-image: radial-gradient(circle at 50% 100%, transparent 8px, black 0);
}

.MorphChooseLoanProducts_comparedSlide__oECS3 {
  border-color: var(--green600);
  background-color: var(--gray000);
}

.MorphChooseLoanProducts_text__N9o5V {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  width: 100%;
}

.MorphChooseLoanProducts_productDescription__VDFQz {
  flex: 0 0 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MorphChooseLoanProducts_rate__Ex9jx {
  flex: 0 0 20%;
  text-align: center;
}

.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;
}

.ErrandMessageContentOld_class__-gCXO {
  position: relative;
  width: -webkit-fit-content;
  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: var(--borderWidth000);
  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;
}

.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;
}

.TypingAnimation_cursor__\+QzNq {
  display: inline-block;
  animation: TypingAnimation_blink__DHcta 1s infinite;
  font-weight: normal;
}

@keyframes TypingAnimation_blink__DHcta {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}

.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: -webkit-fit-content;
  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: var(--borderWidth200) solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphUserPromptsMenu_btn__HPadI:hover,
.MorphUserPromptsMenu_btn__HPadI:focus {
  border: var(--borderWidth200) solid transparent;
}

.MorphUserPromptsMenu_btn__HPadI:hover .MorphUserPromptsMenu_label__UmJNq,
.MorphUserPromptsMenu_btn__HPadI:focus .MorphUserPromptsMenu_label__UmJNq {
  color: var(--gray920);
}

.MorphUserPromptsMenu_btnBorder__4rcLd {
  border: var(--borderWidth100) 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);
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
            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);
    -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 83% 7%, 67% 16%, 49% 27%, 34% 40%, 24% 53%, 14% 67%, 7% 81%);
            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);
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
            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);
    -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 17% 7%, 33% 16%, 51% 27%, 66% 40%, 76% 53%, 86% 67%, 93% 81%);
            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: -webkit-fit-content;
    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;
  }
}

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;
}

/* Ensure all messageContent wraps properly, especially emails and phone numbers */
.messageContent {
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

.messageContent a,
.messageContent a[href^="mailto:"],
.messageContent a[href^="tel:"] {
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  max-width: 100%;
  display: inline-block;
  padding-right: 8px;
}

.messageContent span:has(a[href^="mailto:"]),
.messageContent span:has(a[href^="tel:"]) {
  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  max-width: 100%;
  display: inline-block;
}

.messageContent p {
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
  padding-right: 4px;
}

.messageContent ul, .messageContent ol {
  padding-left: 2rem;
}

.messageContent ul ul, .messageContent ol ol, .messageContent ul ol, .messageContent ol ul {
  padding-left: 2rem;
}

.messageContent table {
  border-collapse: collapse;
  width: 100%;
  margin: 5px 0;
}

.messageContent h1, .messageContent h2, .messageContent h3, .messageContent h4, .messageContent h5, .messageContent h6 {
  margin-bottom: 0;
}

.messageContent h1 + table, .messageContent h2 + table, .messageContent h3 + table, .messageContent h4 + table, .messageContent h5 + table, .messageContent h6 + table {
  margin-top: -15px;
}

th, td {
  border-top: var(--borderWidth000);
  border-bottom: var(--borderWidth100) solid  range700;
  border-bottom: var(--borderWidth100) solid var(--o range700);
  border-left: var(--borderWidth000);
  border-right: var(--borderWidth000);
  padding: 8px;
  text-align: left;
}

th {
  font-weight: bold;
}

tbody tr:first-child td {
  border-top: 2px solid var(--orange700);
}

tbody tr:last-child td {
  border-bottom: var(--borderWidth000);
}

.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;
}

.MorphWallet_morphWalletWrapper__nh93C {
  position: relative;
  overflow: hidden;
  font-family: Roboto;
  background-color: var(--walletBlue);
  color: var(--walletWhite);
}

.MorphWallet_conversationFooterRightButtonWallet__w0w3F {
  height: 100%;
  display: flex;
  margin: 0px 3px 0px -1px;
  align-items: center;
  justify-content: center;
  border-radius: 0px 5px 5px 0px;
  border: var(--borderWidth200) solid;
  border-left: var(--borderWidth000);
  padding-left: 2px;
}

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

.MorphWallet_columnSpaceBetween__f8GQI {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

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

.MorphWallet_rowSpaceBetween__nVbyr {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.MorphWallet_downloadArrow__\+8TV2 {
  animation: MorphWallet_bounce__vIGnx 1s infinite ease-in-out;
}

@keyframes MorphWallet_bounce__vIGnx {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_slideRight__YvNji {
  animation: MorphWallet_slideRight__YvNji 2s 1;
  animation-fill-mode: forwards;
}

@keyframes MorphWallet_slideRight__YvNji {
  0% {
    transform: translateX(-15px);
  }
  100% {
    transform: translateX(0px);
  }
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_backButton__Ydldl {
  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__nh93C .MorphWallet_exitButton__bLBvY {
  border-radius: 20%;
  font-size: 0.8rem;
  font-weight: 550;
  z-index: 1;
  color: var(--walletBlue);
  background-color: var(--walletWhite);
  border-color: var(--walletBlue);
  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__nh93C .MorphWallet_header__E636y {
  background-color: var(--walletDarkBlue);
  display: flex;
  padding: 15px 10px 0px;
  height: 40px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_headerButton__PpAFf {
  position: absolute;
  top: 11px;
  background-color: var(--walletPurple);
  padding: 3px 6px;
  font-size: 0.8rem;
  border-radius: 5px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_refreshButton__c7GfD {
  color: var(--walletWhite);
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  width: 30px;
  height: 30px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_homeMenuAlert__6zX\+2 {
  position: absolute;
  top: -6px;
  left: 16px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  background-color: var(--walletRed);
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_homeFooterButton__mBTNi {
  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(--walletViolet);
  font-size: 0.7rem;
  cursor: pointer;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_homeMenuButton__Wwgea {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--walletWhite);
  background-color: var(--walletLightBlue);
  margin: 3px;
  height: 70px;
  width: 45%;
  border-radius: 10px;
  font-size: 0.8rem;
  cursor: pointer;
  text-align: center;
  min-width: 100px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_homeMenuButton__Wwgea .MorphWallet_homeMenuButtonImage__lBt2P {
  width: 25px;
  height: 25px;
  object-fit: contain;
  margin-bottom: 7px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_codeInput__1E-UF {
  width: 35px;
  height: 35px;
  border: var(--borderWidth200) solid var(--walletViolet);
  border-radius: 5px;
  font-size: 1.2rem;
  text-align: center;
  caret-color: transparent;
  color: var(--walletWhite);
  background-color: var(--walletBlue);
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_scrollableVerticalList__i7Iqh {
  max-height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_scrollableHorizontalList__2a\+Mw {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_scrollBar__5t4oa::-webkit-scrollbar {
  width: 15px;
  background-color: var(--walletDarkBlue);
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_scrollBar__5t4oa::-webkit-scrollbar-thumb {
  width: 15px;
  background-color: var(--walletVioletGradientLight);
  border: var(--borderWidth000);
}

/* .morphWalletWrapper .mobileScrollBar::-webkit-scrollbar {
  display: none;
}

.morphWalletWrapper .mobileScrollBar::-webkit-scrollbar-thumb {
  display: none;
} */

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_exchangeFooterCurve__CLBWo {
  width: 80%;
  height: 36px;
  margin-bottom: -30px;
  z-index: 1;
  background: linear-gradient(90deg, #010D2F 0%, #285CED 20%, #FFF 50%, #2352D5 80%, #010D2F 100%);
  -webkit-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% );
          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__nh93C .MorphWallet_exchangeFooterBackground__m6GDg {
  width: 100%;
  padding: 1px;
  border-radius: 5px;
  background: linear-gradient(90deg, #D3DFFF 0%, #010D2F 25%, #010D2F 75%, #D3DFFF 100%);
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_exchangeFooter__e4Q46 {
  width: 100%;
  height: 40px;
  padding: 5px 0px;
  border-radius: 5px;
  position: relative;
  font-size: 1.2rem;
  background: linear-gradient(90deg, var(--walletViolet) 0%, var(--walletBlue) 25%, var(--walletBlue) 75%, var(--walletViolet) 100%) !important;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_exchangeFooterLeft__AjUej {
  width: 30%;
  position: absolute;
  z-index: 2;
  left: 5px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_exchangeFooterMiddle__GKKDq {
  width: 100%;
  position: absolute;
  justify-content: center;
  bottom: 20px;
  z-index: 1;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_exchangeFooterRight__G87zM {
  width: 30%;
  position: absolute;
  z-index: 2;
  right: 5px;
  justify-content: right;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_listFilter__QRq2l {
  height: 25px;
  width: 200px;
  margin-bottom: 3px;
  border: var(--borderWidth000);
  outline: 0px;
  color: var(--walletWhite);
  background-color: var(--walletBlue);
  background-image: linear-gradient(var(--walletBlueGradientLight), var(--walletBlueGradientDark));
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_listItem__QboX1 {
  margin: 5px;
  padding: 3px;
  min-height: 75px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.8rem;
  text-align: center;
  display: table;
  color: var(--walletWhite);
  background-image: linear-gradient(var(--walletBlueGradientLight), var(--walletBlueGradientDark));
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_listTicketItem__ZqmmW {
  margin: 5px;
  padding: 3px;
  min-height: 50px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.8rem;
  text-align: center;
  display: table;
  color: var(--walletWhite);
  background-image: linear-gradient(var(--walletVioletGradientLight), var(--walletVioletGradientDark));
  position: relative;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_footer__BEiVJ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 35px;
  border: var(--borderWidth200) solid #294CB0;
  font-size: 0.9rem;
  padding: 0px 10px;
  border-bottom: hidden;
  border-radius: 10px 10px 0px 0px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_footerPrompts__rw09e {
  white-space: nowrap;
  max-height: 30px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_footerPrompts__rw09e::-webkit-scrollbar {
  display: none;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_footerPrompt__M8a-5 {
  border: var(--borderWidth100) solid var(--walletViolet);
  color: var(--walletWhite);
  background-color: var(--walletBlue);
  border-radius: 5px;
  padding: 4px 8px 3px 8px;
  margin: 3px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_nftSingleViewItem__XMtop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: var(--walletBlue);
  border-radius: 5px;
  padding: 5px;
  margin: 2px 2px 3px 2px;
  min-height: 25px;
  width: 95%;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_nftSingleViewButton__JCmh6 {
  border: var(--borderWidth200) solid var(--walletViolet);
  border-radius: 5px;
  padding: 3px 4px 4px;
  margin: 2px 2px 3px 2px;
  color: var(--walletWhite);
  background-color: var(--walletViolet);
  max-height: 25px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_trustSingleViewButton__xJaH1 {
  color: var(--walletWhite);
  background-color: var(--walletLightBlue);
  width: 100%;
  height: 40px;
  border-radius: 5px;
  padding: 8px 0px 7px;
  font-size: 1.0rem;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_burnNftButton__w0g2M {
  color: var(--walletWhite);
  background-color: var(--walletViolet);
  border: var(--borderWidth100) solid var(--walletViolet);
  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__nh93C .MorphWallet_mnemonicWord__QanNQ {
  margin: 4px;
  font-size: 0.9rem;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_mnemonicWordConfirmation__z4v02 {
  border: var(--borderWidth200) solid var(--walletViolet);
  border-radius: 5px;
  padding: 4px;
  margin: 2px;
  font-size: 0.9rem;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_input__CuyfL {
  text-align: center;
  border: var(--borderWidth200) solid;
  border-radius: 5px;
  padding: 4px 3px 3px 3px;
  margin: 2px;
  color: var(--walletWhite);
  background-color: var(--walletBlue);
  font-size: 1.0rem;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_loginInputBorder__jS9hs {
  background: linear-gradient(to right, var(--walletOrange), var(--walletPurple));
  padding: 2px;
  border-radius: 7px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_loginInput__zDM1F {
  color: var(--walletWhite);
  background-color: transparent;
  font-size: 1.0rem;
  text-align: left;
  border: var(--borderWidth000);
  outline: none;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_loginInput__zDM1F:focus {
  outline: none;
  box-shadow: none;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_passwordVisibility__-9gzF {
  color: var(--walletGray);
  width: 20px;
  margin-left: 5px;
  cursor: pointer;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_loginButton__\+dTmH {
  color: var(--walletWhite);
  width: 100px;
  border-radius: 5px;
  height: 35px;
  margin-bottom: 20px;
  font-size: 1.0rem;
  background-image: linear-gradient(to right, var(--walletOrange), var(--walletPurple));
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_createWallet__0lcBv {
  background-color: var(--walletPurple);
  color: var(--walletWhite);
  border-radius: 5px;
  padding: 8px;
  margin-top: 15px;
  font-size: 1.0rem;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_removeWallet__at5ek {
  margin: 10px 20px;
  background-color: var(--walletPurple);
  border-radius: 5px;
  padding: 5px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_disclaimer__ff9hx {
  background-color: var(--walletDarkBlue);
  padding: 6px;
  font-size: 0.6rem;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_angelPointsAsteriskDisclaimer__7iISe {
  font-size: 0.7rem;
  margin: 6px 0px -12px 8px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_mobileMargin__UQ0U9 {
  width: auto;
  width: initial;
  max-width: 90vw;
  margin-bottom: -8px;
}

.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_copyableText__z-OeJ {
  color: var(--walletWhite);
  width: 100%;
  border-radius: 5px;
  padding: 5px;
  -webkit-user-select: text;
          user-select: text;
  overflow-x: auto;
  text-align: center;
}

/* square part of progress bar arrow */
.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_progressBarArrow__5fM7Y {
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--walletWhite);
}

/* triangle part of progress bar arrow */
.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_progressBarArrow__5fM7Y::after {
  content: '';
  position: absolute;
  top: 0;
  right: -5px;  /* width of triangle (times -1) */
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 5px solid var(--triangle-color); /* width of triangle */
}

/* "Forgot my phrase", "I already have a wallet" */
.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_setupLink__U\+EtR {
  margin: 15px 0px 10px;
  cursor: pointer;
  text-decoration: underline;
  font-size: 0.8rem;
}

/* "Forgot my PIN" */
.MorphWallet_morphWalletWrapper__nh93C .MorphWallet_forgotPinLink__UwYTa {
  margin-bottom: 15px;
  cursor: pointer;
  text-decoration: underline;
  font-size: 0.8rem;
  min-height: 20px;
}

.QueuedAsset_header__a7lzW {
  margin-top: 10px;
}

.QueuedAsset_queuedAssets__-1n-p {
  margin: 10px;
  width: 90%;
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAsset__52sC2 {
  margin: 5px 0px;
  cursor: pointer;
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAsset__52sC2 .QueuedAsset_imageContainer__QEmKv {
  border: var(--borderWidth200) solid var(--walletIndigo);
  border-radius: 100%;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  background-color: var(--walletBlue);
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAsset__52sC2 .QueuedAsset_imageContainer__QEmKv .QueuedAsset_image__8FI9v {
  width: 100%;
  height: 100%;
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAsset__52sC2 .QueuedAsset_body__ltV0f {
  background-color: var(--walletIndigo);
  border-radius: 5px;
  flex: 1 1;
  min-height: 55px;
  padding: 5px 10px 5px 45px;
  margin-left: -35px;
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAsset__52sC2 .QueuedAsset_body__ltV0f .QueuedAsset_name__Wv95W {
  font-size: 1.1rem;
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAsset__52sC2 .QueuedAsset_body__ltV0f .QueuedAsset_description__jbdoa {
  font-size: 0.8rem;
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAsset__52sC2 .QueuedAsset_claim__S8LxU {
  color: var(--walletWhite);
  background-color: var(--walletViolet);
  border-radius: 5px;
  padding: 5px;
  width: 70px;
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAsset__52sC2 .QueuedAsset_claimed__5Hoks {
  color: var(--walletWhite);
  border-radius: 5px;
  border: var(--borderWidth100) solid var(--walletViolet);
  padding: 5px;
  width: 70px;
}

.QueuedAsset_queuedAssets__-1n-p .QueuedAsset_queuedAssetDesktop__SGbdB {
  margin-right: 8px;  /* spacing between asset and scrollbar */
}

.WalletHelpBubble_helpBubble__HWw93 {
  font-size: 0.8rem;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  line-height: 1.2;
  background-color: var(--walletPurple);
}

.WalletHelpBubble_clickable__UoYas {
  cursor: pointer;
}

.WalletHelpBubble_slideUp__S88Oa {
  animation: WalletHelpBubble_slideUp__S88Oa 1s 1;
  animation-fill-mode: forwards;
}

@keyframes WalletHelpBubble_slideUp__S88Oa {
  0% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}

.AngelMinutesPage_pageContainer__7SR5- {
  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__xfHPR {
  font-size: 1.15rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 10px;
  gap: 4px;
}

.AngelMinutesPage_headerRow__n-g2B {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.AngelMinutesPage_balance__zDvDd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}

.AngelMinutesPage_table__TNbQG {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow-y: auto;
  border: var(--borderWidth200) solid var(--angel-minutes-table-border-color);
  border-radius: 5px;
  font-size: 0.9rem;
}

.AngelMinutesPage_history__w8XA0 {
  font-size: 0.8rem;
  padding: 10px;
}

.AngelMinutesPage_credit__Re9BZ {
  padding: 6px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}

.AngelMinutesPage_transactionAmount__NRFPv {
  text-align: end;
  min-width: -webkit-fit-content;
  min-width: fit-content;
}

@media screen and (min-width: 500px) {
  .AngelMinutesPage_header__xfHPR {
    align-items: center;
  }
}

.AngelPoints_angelPointsSection__EAhdu {
  margin: 10px 10px 20px;
}

.AngelPoints_angelPointsSection__EAhdu .AngelPoints_rowSpaceBetween__K9yf\+ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.AngelPoints_angelPointsSection__EAhdu .AngelPoints_angelPointsHeaderDiv__YSDOb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  padding: 2px 10px;
}

.AngelPoints_angelPointsHeaderDiv__YSDOb p:first-of-type {
  font-size: 1.0rem;
}

.AngelPoints_angelPointsHeaderDiv__YSDOb p:last-of-type {
  font-size: 1.3rem;
  font-weight: bold;
  word-break: break-all;
  text-wrap: balance;
}

.AngelPoints_angelPointsSection__EAhdu .AngelPoints_angelPointsButton__BENii {
  color: var(--walletWhite);
  background-color: #FF4103;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 31%;
  height: 30px;
  text-align: center;
  font-size: 0.85rem;
  cursor: pointer;
}

.AngelPoints_viewLedger__1Q0e0 {
  margin-top: 10px;
  font-size: 0.8rem;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 2px;
}

.AngelPoints_equivalentAnglHeader__IzYV5 {
  font-size: 0.9rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
  padding: 8px 10px;
  font-weight: bold;
  border-bottom: 1px solid #ccccccaa;
  margin-bottom: 4px;
}

.AngelPoints_currentMarketValueDiv__qHB3K {
  font-size: 0.82rem;
  padding: 0 10px;
  flex-wrap: wrap;
  gap: 2px;
}

.AngelPoints_equivalentAnglDiv__EP\+91 {
  font-size: 0.85rem;
  margin-bottom: 4px;
}

.AngelPoints_equivalentAnglRow__dh8EV {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
  padding: 5px 10px;
  margin-bottom: 2px;
  font-size: inherit;

  &:not(:last-child) {
    border-bottom: 1px solid #cccccc55;
  }
}

.AngelPoints_equivalentAnglRow__dh8EV div:not(:first-of-type) {
  text-align: center;
  word-break: break-all;
  text-wrap: balance;
  max-height: 48px;
  overflow: auto;
}

.AngelPoints_equivalentAnglDisclaimer__UmfiN {
  font-size: 0.65rem;
  font-style: italic;
  margin: 0px 10px 8px;
}

.AngelPoints_equivalentAnglAmount__2b8g\+ {
  word-wrap: break-word;
  text-wrap: balance;
}

.AngelPoints_separatorLine__9YZcH {
  border-bottom: 1px solid #ccccccaa;
  margin: 8px 2px 10px 2px;
}

@media screen and (min-height: 700px) {
  .AngelPoints_angelPointsHeaderDiv__YSDOb p:first-of-type {
    font-size: 1.0rem;
  }

  .AngelPoints_angelPointsHeaderDiv__YSDOb p:last-of-type {
    font-size: 1.2rem;
  }

  .AngelPoints_equivalentAnglHeader__IzYV5, .AngelPoints_equivalentAnglDiv__EP\+91 {
    font-size: 1.0rem;
  }

  .AngelPoints_equivalentAnglRow__dh8EV div:not(:first-of-type) {
    max-height: 60px;
  }

  .AngelPoints_equivalentAnglDisclaimer__UmfiN {
    font-size: 0.7rem;
  }
}

@media screen and (min-width: 400px) {
  .AngelPoints_currentMarketValueDiv__qHB3K {
    font-size: 0.88rem;
    justify-content: flex-start !important;
    gap: 10px !important;
  }
}

@media screen and (min-width: 500px) {
  .AngelPoints_equivalentAnglRow__dh8EV, .AngelPoints_viewLedger__1Q0e0 {
    font-size: 0.9rem;
  }
}

.Ledger_ledgerPage__fZi0M {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px;
}

.Ledger_ledgerTopText__k2VOK {
  margin-top: 10px;
  font-size: 1.2rem;
  text-align: center;
}

.Ledger_ledgerTableContainer__gNxxL {
  margin: 5px 0 20px; 
  height: calc(100vh - 200px);
  overflow: auto;
  max-height: 350px;
  font-size: 0.9rem;
  scrollbar-color: transparent transparent;
}

.Ledger_ledgerTableContainerDesktop__obI26 {
  display: flex;
  justify-content: center;
}

.Ledger_ledgerTable__JBw7f {
  width: -webkit-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: max-content;
  border-collapse: collapse;
}

.Ledger_ledgerHeaderRow__mb3aN {
  display: flex;
  flex-direction: row;
  position: -webkit-sticky;
  position: sticky;
  top: -2px;
  z-index: 10;
  border-bottom: var(--borderWidth200) solid var(--walletOrange);
}

.Ledger_ledgerHeaderCell__85dQu {
  min-width: 100px;
  max-width: 100px;
  background-color: var(--walletLedgerTh);
  color: white;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: start;
  border-left: var(--borderWidth100) solid var(--walletLedgerTd);
  border-right: var(--borderWidth100) solid var(--walletLedgerTd);
}

.Ledger_ledgerDataCell__imgUB {
  display: flex;
  align-items: center;
  min-width: 100px;
  max-width: 100px;
  padding: 10px 12px;
  border-bottom: var(--borderWidth100) solid var(--walletLedgerTd);
}

/* for data cells containing numbers, center the number horizontally */
.Ledger_ledgerDataNumCell__h9-zW {
  justify-content: center;
}

/* must be defined below ledgerHeaderCell and ledgerCell for correct widths to be set */
.Ledger_ledgerDateColumn__5BSW\+ {
  min-width: 80px;
  max-width: 80px;
}

/* must be defined below ledgerHeaderCell and ledgerCell for correct widths to be set */
.Ledger_ledgerActivityColumn__k6cwm {
  min-width: 110px;
  max-width: 110px;
}

.Ledger_ledgerTotalBreak__DGrDB {
  height: 2px;
  width: 100%;
  border: var(--borderWidth200);
  background-color: var(--walletViolet);
}

.Ledger_ledgerTotalRow__QNOEE {
  display: flex;
  flex-direction: row;
  font-weight: bold;
}

.Ledger_evenRow__7uXCL {
  display: flex;
  flex-direction: row;
  background-color: var(--WalletLightBlue);
}

.Ledger_oddRow__YCTod {
  display: flex;
  flex-direction: row;
  background-color: var(--walletBlue);
}

.Ledger_addition__4oOdW {
  color: var(--walletGreen);
}

.Ledger_reduction__JoUAC {
  color: var(--walletRed);
}

.Ledger_pending__ZT8Rc {
  color: var(--walletYellow);
}

.Ledger_filterSection__vjZSu {
  margin: 5px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.Ledger_filterDropdown__LsQOT {
  position: relative;
  display: inline-block;
}

.Ledger_ledgerButton__R677c {
  height: 28px;
  background-color: var(--walletViolet);
  color: white;
  border: var(--borderWidth000);
  padding: 2px 3px 2px 10px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
}

.Ledger_filterButton__l-Yyn:hover {
  background-color: var(--walletLedgerButton);
}

.Ledger_filterMenu__cRrDd {
  position: absolute;
  top: 100%;
  right: auto;
  left: 0;
  background-color: var(--walletFilterMenuBg);
  border: var(--borderWidth100) 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__mPp0d {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  cursor: pointer;
  font-size: 13px;
  border: 1px solid var(--walletLightBlue);
  border-radius: 3px;
  transition: all 0.15s ease;
}

.Ledger_filterOption__mPp0d:hover {
  background-color: rgba(93, 106, 255, 0.2);
}

.Ledger_filterSelected__gcdGR {
  color: var(--walletGreen);
  background-color: rgba(57, 255, 20, 0.1);
}

.Ledger_filterUnselected__Jb80R {
  color: var(--walletWhite);
}

.Ledger_dropdownIcon__QXZEM {
  font-size: 24px;
  color:  white;
  height: 21px;
}

.Ledger_ledgerDisclaimer__2uRUs {
  text-align: center;
  font-size: 12px;
  margin: 10px;
}

* {
  box-sizing: border-box;
}

.DiscountPackages_outerContainer__-S6eH {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: min(90dvw, 700px);
  width: -webkit-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 20px 10px;
  font-family: 'Poppins';
}

.DiscountPackages_headerText__xtQTW {
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  margin-bottom: 8px;
}

.DiscountPackages_packagesContainer__NlcbX {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  max-width: 100%;
  overflow-x: auto;
  padding: 4px;
}

.DiscountPackages_package__809Yc,
.DiscountPackages_otherPackage__S8uWE {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: var(--borderWidth100) solid #616bd5;
  border-radius: 15px;
  background: linear-gradient(#982ea140, #5618ad33);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.DiscountPackages_package__809Yc {
  min-width: -webkit-fit-content;
  min-width: fit-content;
  position: relative;
}

.DiscountPackages_otherPackage__S8uWE {
  margin: 0 auto;
  width: 150px;
}

.DiscountPackages_package__809Yc:hover,
.DiscountPackages_otherPackage__S8uWE:hover {
  box-shadow: 0 0 6px 1px var(--orange700);
}

.DiscountPackages_packageHeader__lgyAb,
.DiscountPackages_purchaseFooter__J0cBB {
  padding: 4px 0;
  text-align: center;
  font-size: 11px;
  min-width: 100%;
  width: -webkit-max-content;
  width: max-content;
  padding: 2px 6px;
  font-weight: 500;
  z-index: 1;
}

.DiscountPackages_packageHeader__lgyAb {
  background-color: var(--orange700);
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}

.DiscountPackages_purchaseFooter__J0cBB {
  background-color: #616bd5;
  border-bottom-left-radius: 11px;
  border-bottom-right-radius: 11px;
}

.DiscountPackages_packagePointsAmount__LJGQn {
  margin: 6px 0;
  font-weight: 600;
  font-size: 11px;
  width: -webkit-max-content;
  width: max-content;
  padding: 0 4px;
  min-width: 110px;
  z-index: 1;
}

.DiscountPackages_packageDollarAmount__qHSTZ {
  font-size: 9px;
  width: -webkit-max-content;
  width: max-content;
  padding-bottom: 6px;
  padding-left: 4px;
  opacity: 0.6;
  z-index: 1;
}

.DiscountPackages_spotlight__ZOa7U {
  position: absolute;
  box-shadow: 0 0 40px 38px #5e6aff66;
  transition: all 3.5s linear;
}

.DiscountPackages_otherPackageText__\+JMyz {
  text-align: center;
  font-size: 12px;
  padding: 2px 0;
}

.DiscountPackages_moneyBag__PBvw\+ {
  position: absolute;
  bottom: 21px;
  right: 6px;
  width: 24px;
}

.DiscountPackages_noPackagesText__TQDSS {
  font-size: 14px;
  text-align: center;
}

@media screen and (min-width: 700px) {
  .DiscountPackages_headerText__xtQTW {
    font-size: 16px;
  }

  .DiscountPackages_otherPackageText__\+JMyz {
    font-size: 14px;
  }

  .DiscountPackages_packageHeader__lgyAb,
  .DiscountPackages_purchaseFooter__J0cBB {
    font-size: 14px;
  }

  .DiscountPackages_packageDollarAmount__qHSTZ {
    font-size: 11px;
  }

  .DiscountPackages_packagePointsAmount__LJGQn {
    font-size: 13px;
    margin-bottom: 4px;
  }

  .DiscountPackages_moneyBag__PBvw\+ {
    bottom: 28px;
    width: 30px;
  }

  .DiscountPackages_package__809Yc {
    width: -webkit-fit-content;
    width: fit-content;
    min-width: 135px;
  }
}

.PurchaseAngelPoints_componentContainer__0NPc4 {
  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;
}

.PurchaseAngelPoints_mainContainer__4g-Sk {
  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;
}

.PurchaseAngelPoints_successContainer__9uRLi {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding-bottom: 20px;
  animation: PurchaseAngelPoints_fadeIn__tKf77 0.5s ease-in-out forwards;
}

.PurchaseAngelPoints_privateIconContainer__yu8io {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  z-index: 1;
}

.PurchaseAngelPoints_semiCircleContainer__raMDG {
  top: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
}

.PurchaseAngelPoints_semiCircle__5UeGm {
  width: 100px;
  height: 50px; /* half the width */
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border: var(--borderWidth1000) solid var(--walletBlue);
  background-color: var(--walletBlue);
  border-top: var(--borderWidth000);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

@keyframes PurchaseAngelPoints_fadeIn__tKf77 {
  0% {
    opacity: 0;
    position: relative;
    bottom: 100px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}

.PurchaseAngelPoints_leftCurve__Gt9mK {
  position: relative;
  background-color: var(--walletBlue);
  width: 30px;
  height: 30px;
  z-index: 1;
  top: -10px;
  left: -38px;
}

.PurchaseAngelPoints_leftCurve__Gt9mK::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%;
}

.PurchaseAngelPoints_rightCurve__t4IX3 {
  position: relative;
  background-color: var(--walletBlue);
  width: 30px;
  height: 30px;
  z-index: 1;
  top: -40px;
  right: -89px;
}

.PurchaseAngelPoints_rightCurve__t4IX3::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%;
}

.PurchaseAngelPoints_accountOrRoutingNoGroupContainer__I0iMO {
  display: flex;
  width: 100%;
  font-size: 0.9rem;
  gap: 4px;
  padding: 0 4px;
  overflow: 'hidden';
}

.PurchaseAngelPoints_accountOrRoutingNoContainer__NSbtN {
  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: -webkit-min-content;
  min-width: min-content;
}

.PurchaseAngelPoints_accountOrRoutingNo__r\+fmr {
  transition: width 0.5s ease-in-out;
  text-overflow: clip;
  background-color: transparent;
  outline: none;
  border: var(--borderWidth000);
  color: white;
  margin-top: 1px;
  max-width: 105px;
  font-size: 16px;
}

.PurchaseAngelPoints_inputAndLabelWrapper__9yeGt {
  display: flex;
  align-items: center;
  padding: 0 4px;
  transition: all 0.5s ease-in-out;
}

.PurchaseAngelPoints_inputAndLabelWrapper__9yeGt p {
  white-space: nowrap;
  overflow: hidden;
}

.PurchaseAngelPoints_flexGrow__yxJTr {
  flex: 1 1 auto;
}

.PurchaseAngelPoints_flexNoGrow__xL8hS {
  flex: 0 0 auto;
}

.PurchaseAngelPoints_amountAndConversionContainer__wfom\+ {
  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;
}

.PurchaseAngelPoints_amountAndConversionContainer__wfom\+ > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.PurchaseAngelPoints_amountAndConversionContainer__wfom\+ .PurchaseAngelPoints_headerText__2fZpZ {
  font-size: 0.8rem;
  color: #ffffff70;
}

.PurchaseAngelPoints_amountAndConversionContainer__wfom\+ .PurchaseAngelPoints_mainText__Jfzv\+ {
  font-size: 1.48rem;
  word-break: break-word;
}

.PurchaseAngelPoints_amountContainer__z80rS {
  max-width: 50%;
}

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

.PurchaseAngelPoints_amountInput__2nyY3::placeholder {
  color: #ffffff70;
}

.PurchaseAngelPoints_radioGroupContainer__hecc8 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 0.9rem;
  color: #eee;
}

.PurchaseAngelPoints_radioGroup__7Z\+gm {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}

.PurchaseAngelPoints_radioGroup__7Z\+gm > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

@media screen and (max-width: 360px) {
  .PurchaseAngelPoints_accountOrRoutingNo__r\+fmr {
    max-width: 70px;
  }
}

@media screen and (max-width: 400px) {
  .PurchaseAngelPoints_accountOrRoutingNo__r\+fmr {
    max-width: 85px;
  }

  .PurchaseAngelPoints_amountAndConversionContainer__wfom\+ .PurchaseAngelPoints_mainText__Jfzv\+ {
    font-size: 1.2rem;
  }
}

@media screen and (min-height: 601px) and (max-height: 700px) {
  .PurchaseAngelPoints_mainContainer__4g-Sk {
    gap: 15px;
  }
}

.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(--purple100);
}

.Typography_cMessageAuthor__hM7xh.Typography_isAIMessage__cBSuQ {
  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;
}

.UtilStyles_mentionChip__8at5H {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 16px;
  background-color: #e0e0e0;
  color: #333;
  font-size: 0.75rem;
  margin-right: 4px;
  line-height: 1.4;
  white-space: nowrap;
} 

.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: var(--borderWidth100) 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: var(--borderWidth100) 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: -webkit-fit-content;
  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: -webkit-fit-content;
  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);
  }
}

div .MessageIndicators_class__j3iqw {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
  gap: 10px;
  align-items: flex-end;
  min-width: -webkit-max-content;
  min-width: max-content;
  margin-top: -10px !important;
  position: relative;
  clear: both;
  color: transparent;
  font-size: 0;
}
div .MessageIndicators_class__j3iqw > * {
  font-size: 10px;
  font-family: var(--typographyFontFamily);
}

.MessageIndicators_class__j3iqw.MessageIndicators_emailMaskingApplied__q8HHZ {
  gap: 2px;
}

.MessageIndicators_class__j3iqw:not(.MessageIndicators_thumbsDown__qLWKX):not(.MessageIndicators_thumbsUp__hdhk-):not(.MessageIndicators_thumbsDownOperator__b8wkq) .MessageIndicators_thumbIcon__j8g\+p,
.MessageIndicators_class__j3iqw:not(.MessageIndicators_thumbsDown__qLWKX):not(.MessageIndicators_thumbsUp__hdhk-):not(.MessageIndicators_thumbsDownOperator__b8wkq) .MessageIndicators_operatorThumbIcon__sYwOS {
  opacity: 0;
  transition: opacity .25s linear;
}

.MessageIndicators_class__j3iqw.MessageIndicators_thumbsDown__qLWKX .MessageIndicators_thumbIcon__j8g\+p,
.MessageIndicators_class__j3iqw.MessageIndicators_thumbsUp__hdhk- .MessageIndicators_operatorThumbIcon__sYwOS,
.MessageIndicators_class__j3iqw.MessageIndicators_thumbsDownOperator__b8wkq .MessageIndicators_operatorThumbIcon__sYwOS,
.MessageIndicators_class__j3iqw > *:hover,
.MessageIndicators_class__j3iqw > *:focus-within,
.MessageIndicators_isLastMessage__QRQDR.MessageIndicators_class__j3iqw > *,
.MessageIndicators_class__j3iqw:hover > *,
.MessageIndicators_class__j3iqw:focus-within > *,
*:hover > .MessageIndicators_class__j3iqw > *,
*:focus-within > .MessageIndicators_class__j3iqw > *,
*:hover > * > .MessageIndicators_class__j3iqw > *,
*:focus-within > * > .MessageIndicators_class__j3iqw > *,
.MessageIndicators_class__j3iqw > time,
.MessageIndicators_class__j3iqw:hover .MessageIndicators_thumbIcon__j8g\+p,
.MessageIndicators_class__j3iqw:hover .MessageIndicators_operatorThumbIcon__sYwOS,
.MessageIndicators_isLastMessage__QRQDR.MessageIndicators_class__j3iqw .MessageIndicators_thumbIcon__j8g\+p,
.MessageIndicators_isLastMessage__QRQDR.MessageIndicators_class__j3iqw .MessageIndicators_operatorThumbIcon__sYwOS,
*:hover > .MessageIndicators_class__j3iqw .MessageIndicators_thumbIcon__j8g\+p,
*:hover > .MessageIndicators_class__j3iqw .MessageIndicators_operatorThumbIcon__sYwOS {
  opacity: 1 !important;
}

.MessageIndicators_thumbIcon__j8g\+p {
  color: var(--orange900);
  width: 16px;
  height: 16px;
}

.MessageIndicators_operatorThumbIcon__sYwOS {
  color: var(--blue999);
  width: 16px;
  height: 16px;
}

.MessageIndicators_thumbIcon__j8g\+p,
.MessageIndicators_operatorThumbIcon__sYwOS {
  font-size: 16px;
  cursor: pointer;
}

.MessageIndicators_thumbIcon__j8g\+p:hover:not(.MessageIndicators_twinAvatarContainer__zB6ic .MessageIndicators_thumbIcon__j8g\+p) {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}

.MessageIndicators_operatorThumbIcon__sYwOS:hover:not(.MessageIndicators_twinAvatarContainer__zB6ic .MessageIndicators_operatorThumbIcon__sYwOS) {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

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

.MessageIndicators_shieldElement__DqmYv {
  position: relative;
  display: block;
  width: 100%;
}

.MessageIndicators_shieldIcon__Srf3T {
  color: var(--orange900);
}

.MessageIndicators_shieldIconIsWarranted__vjYqy {
  color: var(--orange900);
}

.MessageIndicators_shieldIconIsNotWarranted__6Udz7 {
  color: var(--red400);
}

.MessageIndicators_shieldIconIsNotWarranted__6Udz7 path:first-child {
  stroke: var(--orange900);
}

.MessageIndicators_shieldIconIsNotWarranted__6Udz7 path:not(:first-child) {
  fill: var(--gray700);
}

.MessageIndicators_whiteIcon__umwjL.MessageIndicators_shieldIconIsNotWarranted__6Udz7 path:first-child {
  stroke: white !important;
}

.MessageIndicators_whiteIcon__umwjL.MessageIndicators_shieldIconIsNotWarranted__6Udz7 path:not(:first-child) {
  fill: white !important;
}

.MessageIndicators_operatorShieldIcon__i1otH {
  color: var(--blue999);
}

.MessageIndicators_shieldIconIsWarranted__vjYqy,
.MessageIndicators_shieldIconIsNotWarranted__6Udz7,
.MessageIndicators_operatorShieldIcon__i1otH {
  height: 16px;
  width: 16px;
  outline: none;
  cursor: pointer;
  margin-right: auto;
  opacity: 1;
}

.MessageIndicators_shieldIcon__Srf3T:hover:not(.MessageIndicators_twinAvatarContainer__zB6ic .MessageIndicators_shieldIcon__Srf3T),
.MessageIndicators_shieldIconIsWarranted__vjYqy:hover:not(.MessageIndicators_twinAvatarContainer__zB6ic .MessageIndicators_shieldIconIsWarranted__vjYqy),
.MessageIndicators_shieldIconIsNotWarranted__6Udz7:hover:not(.MessageIndicators_twinAvatarContainer__zB6ic .MessageIndicators_shieldIconIsNotWarranted__6Udz7) {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}

.MessageIndicators_operatorShieldIcon__i1otH:hover:not(.MessageIndicators_twinAvatarContainer__zB6ic .MessageIndicators_operatorShieldIcon__i1otH) {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}

.MessageIndicators_visibilityIcon__qEIHw {
  width: 15px;
  height: 15px;
  color: var(--chatBubblesUserTimeColor);
  cursor: pointer;
  padding-bottom: 2px;
}

.MessageIndicators_isPlaceholder__U1lfy {
  -webkit-user-select: none !important;
          user-select: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden;
}
.MessageIndicators_isPlaceholder__U1lfy:has(time:only-child) {
  display: inline-flex !important;
  max-height: 0;
  padding-left: 2px;
}

.MessageIndicators_whiteIcon__umwjL {
  color: white !important;
  stroke: white !important;
  margin-right: 0 !important;
  pointer-events: auto !important;
}



.MessageIndicators_thumbIcon__j8g\+p.MessageIndicators_twinAvatar__pM5WL,
.MessageIndicators_operatorThumbIcon__sYwOS.MessageIndicators_twinAvatar__pM5WL {
  color: white;
  pointer-events: auto !important;
}

.MessageIndicators_indicatorGlass__AXHJJ {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  cursor: pointer;
}
.MessageIndicators_twinAvatarContainer__zB6ic {
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MessageIndicators_twinAvatarContainer__zB6ic:hover .MessageIndicators_thumbIcon__j8g\+p,
.MessageIndicators_twinAvatarContainer__zB6ic:hover .MessageIndicators_operatorThumbIcon__sYwOS,
.MessageIndicators_twinAvatarContainer__zB6ic:hover .MessageIndicators_shieldIconIsWarranted__vjYqy,
.MessageIndicators_twinAvatarContainer__zB6ic:hover .MessageIndicators_shieldIconIsNotWarranted__6Udz7,
.MessageIndicators_twinAvatarContainer__zB6ic:hover .MessageIndicators_operatorShieldIcon__i1otH {
  opacity: 0.7;
}

.MessageIndicators_editIcon__MLRK7 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 1px;
  border-radius: 2px;
  opacity: 0.5;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  height: 10px;
  width: 10px;
  margin-bottom: 3px;
  filter: brightness(0) invert(1);
}

.MessageIndicators_editIcon__MLRK7:hover {
  opacity: 0.8;
  background-color: rgba(0, 0, 0, 0.05);
}

.MessageIndicators_readMoreIcon__pZJHh,
.MessageIndicators_editIconGray__niPIP {
  background: none;
  border: none;
  cursor: pointer;
  padding: 1px;
  border-radius: 2px;
  opacity: 0.5;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  height: 10px;
  width: 10px;
  margin-bottom: 3px;
  filter: brightness(0) invert(0.4);
}
.MessageIndicators_readMoreIcon__pZJHh:hover
.MessageIndicators_editIconGray__niPIP:hover {
  opacity: 0.8;
  background-color: rgba(0, 0, 0, 0.05);
}
.MessageIndicators_readMoreIcon__pZJHh {
  margin: -3px -4px -4px auto;
  display: none;
  width: 24px;
  height: 24px;
  margin-right: 0;
}

.MessageIndicators_readMore__6xG5Q {
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  font-size: 11px;
  padding: 2px 4px;
  opacity: 0.8;
  transition: all 0.2s ease;
  border-radius: 3px;
  color: var(--chatBubblesUserTimeColor);
  display: none;
}
[data-read-more="true"] .MessageIndicators_readMoreIcon__pZJHh,
[data-read-more="true"] .MessageIndicators_readMore__6xG5Q {
  display: inline;
}
.MessageIndicators_chatBubblesUser__TY6qr .MessageIndicators_readMore__6xG5Q,
.MessageIndicators_chatBubblesUser__TY6qr .MessageIndicators_visibilityIcon__qEIHw {
  color: var(--chatBubblesUserTimeColor);
  -webkit-text-decoration-color: var(--chatBubblesUserTimeColor);
          text-decoration-color: var(--chatBubblesUserTimeColor);
}
.MessageIndicators_chatBubblesAi__ylo5b .MessageIndicators_readMore__6xG5Q,
.MessageIndicators_chatBubblesAi__ylo5b .MessageIndicators_visibilityIcon__qEIHw {
  color: var(--chatBubblesAiTimeColor);
  -webkit-text-decoration-color: var(--chatBubblesAiTimeColor);
          text-decoration-color: var(--chatBubblesAiTimeColor);
}

.MessageIndicators_readMore__6xG5Q:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.05);
}

.MessageIndicators_messageContentTransition__s5S8z {
  transition: max-height 1s ease-out;
  overflow: hidden !important;
}

.MessageIndicators_messageContentExpanded__NfOyj {
  max-height: 1000px !important;
  overflow: hidden !important;
}

.MessageIndicators_messageContentCollapsed__JDGFb {
  overflow: hidden !important;
}
.MessageIndicators_hidden__FkQx3 {
  opacity: 0;
}
.CouponMessageContent_customSnackbar__Xhovf {
    display: flex;
    justify-content: center;
    text-align: right;
    color: black;
    background-color: var(--orange700);
    border: var(--borderWidth100) solid var(--green510);
    padding-top: 0px;
    padding-bottom: 0px;
}

.CouponMessageContent_dialogWrapper__X1axH {
    display: flex;
    width: -webkit-fit-content;
    width: fit-content;
    flex-direction: column;
    position: relative;
    min-width: 85px;
    max-width: 350px !important;
}

@media (max-width: 900px){
    .CouponMessageContent_customSnackbar__Xhovf {
        margin-bottom: 60px;
        max-width: -webkit-fit-content;
        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: -webkit-fit-content;
    width: fit-content;
    min-width: 85px;
    max-width: 100%;
    min-height: 100px;
    border: var(--borderWidth100) 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: -webkit-fit-content;
    width: fit-content;
    -webkit-text-decoration-color: var(--red400);
            text-decoration-color: var(--red400);
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
}

.CouponMessageContent_couponCodeBubble__6CJOA > i {
    word-wrap: break-word;
    font-style: italic;
}

.CouponMessageContent_codeCopied__s8gq0 {
    border: var(--borderWidth100) 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: var(--borderWidth000);
  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: var(--borderWidth200) 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: -webkit-fit-content;
  width: fit-content;
  flex-direction: column;
  max-width: min(90%, calc(100vw - 50px));
  position: relative;
}

.CreditRepairDisputeAccountsContent_chatBubbleContainer__OEqMr {
  pointer-events: none;
  width: -webkit-fit-content;
  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: -webkit-fit-content;
  max-width: fit-content;
  text-align: center;
  border: var(--borderWidth100) solid #fff;
  font-size: 0.675rem;
}

.CreditRepairDisputeAccountsContent_selected__l\+Jdx {
  background-color: var(--green500);
}

.CreditRepairDisputeAccountsContent_itemsListContainer__xnLGv .CreditRepairDisputeAccountsContent_itemText__RhuIP {
  margin-left: 6px;
}

.ACHPaymentExplanation_componentContainer__gHfYS {
  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__FrkQ9 {
  color: var(--orange700);
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}

.ACHPaymentExplanation_explanation__ozxGQ {
  text-align: center;
  font-size: 11px;
}

.ACHPaymentExplanation_checkGif__0ANod {
  width: 285px;
  align-self: center;
}

.ACHPaymentExplanation_continueButton__dPb\+A {
  background-color: #5d6aff;
  border-radius: 14px;
  padding: 6px 12px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  border: var(--borderWidth000);
  outline: none;
  color: white;
  align-self: center;
  margin-top: -20px;
  font-family: 'Poppins' !important;
  font-size: 12px;
}

.OTPInputStyles_otpWrapper__RsyQB {
  width: 100%;
  display: flex;
  flex-direction: row;
}

@keyframes OTPInputStyles_shake__Os1NE {
  25% {
    transform: translateX(4px);
  }
  50% {
    transform: translateX(-4px);
  }
  75% {
    transform: translateX(4px);
  }
}

.OTPInputStyles_otpWrapper__RsyQB.OTPInputStyles_errorOn__eqEIM {
  animation: OTPInputStyles_shake__Os1NE 300ms;
  -webkit-animation: OTPInputStyles_shake__Os1NE 300ms;
}

.OTPInputStyles_otpWrapper__RsyQB.OTPInputStyles_errorOn__eqEIM .OTPInputStyles_otpSlot__UpE8O {
  border-bottom-color: red !important;
}

.OTPInputStyles_otpContainer__QpJPM {
  display: flex;
  align-items: center;
  opacity: 1;
}

.OTPInputStyles_otpGroup__JfOlR {
  display: flex;
  gap: 5px;
}

.OTPInputStyles_otpSlot__UpE8O {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: var(--borderWidth100) solid #ccc;
  transition: all 0.3s ease;
  position: relative;
}

.OTPInputStyles_filledOtpSlot__UBeq1 {
  border-bottom-color: var(--primaryMain);
}

.OTPInputStyles_active__AqjCK {
  border-bottom: var(--borderWidth300) solid var(--primaryMain); /* Active focus outline */
}

.OTPInputStyles_otpChar__9ds5I {
  opacity: 1;
  color: var(--primaryMain);
  font-family: var(--typographyFontFamily);
  font-size: 1.5rem;
  font-weight: 500;
}

.OTPInputStyles_placeholder__BQFpA {
  opacity: 0.3;
}

.OTPInputStyles_otpCaretContainer__IxRY7 {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  animation: OTPInputStyles_caret-blink__WeSPz 1.2s ease-out infinite;
}

.OTPInputStyles_otpCaret__Y8l7l {
  width: 1px;
  height: 1.5rem;
  background-color: #000;
}

@keyframes OTPInputStyles_caret-blink__WeSPz {
  0%,
  70%,
  100% {
    opacity: 1;
  }
  20%,
  50% {
    opacity: 0;
  }
}

.RoleSelector_container__Btj8y {
  padding: 8px 12px;
  /* background: var(--roleSelectorBackground); */
  border-radius: 8px;
  margin: 4px 0;
  position: relative;
  width:100%;
  /* CSS custom properties for sizing - set dynamically by component constants */
  --bubble-active-size: 50px;
  --bubble-active-scale: 1.25;
  --bubble-inactive-size: 50px;
  --bubble-inactive-scale: 0.9;
  --bubble-inactive-opacity: 0.6;
  --bubble-gap: 12px;
  --bubble-padding: 8px;
  --bubble-border-radius: 12px;
  /* --icon-font-size and --icon-container-size are set by component */
  --icon-font-size: 16px; /* Default fallback, overridden by component */
  --icon-container-size: 24px; /* Default fallback, overridden by component */
  --icon-border-width: 2px;
  /* --chevron-font-size is set by component */
  --chevron-font-size: 28px; /* Default fallback, overridden by component */
  --chevron-padding-x: 12px;
  --chevron-padding-y: 8px;
  --circle-size: 44px;
  --circle-min-size: 44px;
  --hover-scale: 1.15;
  --active-scale: 0.95;
  --transition-bubble: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-button: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.RoleSelector_header__WC7iN {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.RoleSelector_header__WC7iN h3 {
  margin: 0;
  color: var(--roleSelectorTextPrimary);
  font-size: 13px;
  font-weight: 600;
}

.RoleSelector_counter__VsBbC {
  color: var(--roleSelectorTextSecondary);
  font-size: 11px;
  font-weight: 500;
}

.RoleSelector_loading__TOrVY,
.RoleSelector_noRoles__RtN3r {
  color: var(--roleSelectorTextSecondary);
  font-style: italic;
  text-align: center;
  padding: 8px;
}

/* Carousel wrapper with navigation buttons */
.RoleSelector_carouselWrapper__zn6lg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  /* margin-bottom: 8px; */
  width: 100%;
}

/* Bubbles container - no horizontal scroll, hide overflow */
.RoleSelector_bubblesContainer__I96kf {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex: 1 1;
  overflow: hidden;
  flex-wrap: nowrap;
  perspective: 1000px;
}

/* Swiper Container Styles */
.RoleSelector_swiperContainer__zG0-L {
  flex: 1 1;
  width: 100%;
  overflow: hidden;
}

.RoleSelector_swiperContainer__zG0-L .swiper-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.RoleSelector_swiperSlide__YzawO {
  width: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Role bubble wrapper */
.RoleSelector_roleBubbleWrapper__x3HfJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: var(--bubble-padding);
  border-radius: var(--bubble-border-radius);
  transition: all var(--transition-bubble);
}

.RoleSelector_roleBubbleWrapper__x3HfJ.RoleSelector_active__JTlgK {
  transform: scale(var(--bubble-active-scale));
  opacity: 1;
}

.RoleSelector_roleBubbleWrapper__x3HfJ.RoleSelector_inactive__58PWU {
  transform: scale(var(--bubble-inactive-scale));
  opacity: var(--bubble-inactive-opacity);
}

/* Role bubble circle */
.RoleSelector_roleBubble__9HnQR {
  width: var(--icon-container-size);
  height: var(--icon-container-size);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--icon-font-size);
  transition: all var(--transition-bubble);
}

.RoleSelector_roleBubble__9HnQR.RoleSelector_active__JTlgK {
  background-color: var(--roleSelectorBubbleActive);
  color: var(--roleSelectorBubbleActiveText);
  border: 2px solid var(--roleSelectorBubbleActiveBorder);
  font-weight: normal;
}

.RoleSelector_roleBubble__9HnQR.RoleSelector_inactive__58PWU {
  background-color: var(--roleSelectorBubbleInactive);
  color: var(--roleSelectorBubbleInactiveText);
  border: 2px solid var(--roleSelectorBubbleInactiveBorder);
  font-weight: normal;
}

/* Role name text */
.RoleSelector_roleName__QrRC3 {
  font-size: 12px;
  text-align: center;
  max-width: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.RoleSelector_roleName__QrRC3.RoleSelector_active__JTlgK {
  font-weight: 400;
  color: var(--roleSelectorPrimary);
  transform: scale(1.05);
}

.RoleSelector_roleName__QrRC3.RoleSelector_inactive__58PWU {
  font-weight: 400;
  color: #666;
}

/* Large purple navigation buttons */
.RoleSelector_navButton__nlFKT {
  background: var(--roleSelectorPrimary);
  color: white;
  border: none;
  border-radius: 50%;
  width: var(--circle-size);
  height: var(--circle-size);
  min-width: var(--circle-min-size);
  min-height: var(--circle-min-size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--icon-font-size);
  font-weight: bold;
  transition: all var(--transition-button);
  flex-shrink: 0;
}

.RoleSelector_navButton__nlFKT:hover {
  background: var(--roleSelectorSecondary);
  transform: scale(var(--hover-scale));
}

.RoleSelector_navButton__nlFKT:active {
  transform: scale(var(--active-scale));
}

/* Circle Button Style (default) */
.RoleSelector_circleButton__\+m6zf {
  background: var(--roleSelectorPrimary);
  color: white;
  border-radius: 50%;
  width: var(--circle-size);
  height: var(--circle-size);
  min-width: var(--circle-min-size);
  min-height: var(--circle-min-size);
}

.RoleSelector_circleButton__\+m6zf:hover {
  background: var(--roleSelectorSecondary);
  transform: scale(var(--hover-scale));
}

.RoleSelector_circleButton__\+m6zf:active {
  transform: scale(var(--active-scale));
}

/* Chevron Button Style (solid arrows, no bubble) */
.RoleSelector_chevronButton__8YxHd {
  background: transparent;
  color: var(--roleSelectorPrimary);
  border: none;
  border-radius: 0;
  width: auto;
  height: auto;
  min-width: auto;
  min-height: auto;
  padding: var(--chevron-padding-y) var(--chevron-padding-x);
  font-size: var(--chevron-font-size) !important;
  font-weight: bold;
  transition: all var(--transition-button);
}

.RoleSelector_chevronButton__8YxHd:hover {
  background: transparent;
  color: var(--roleSelectorSecondary);
  transform: scale(var(--hover-scale));
}

.RoleSelector_chevronButton__8YxHd:active {
  transform: scale(var(--active-scale));
}

/* Dot indicators */
.RoleSelector_dots__YC6VH {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
}

.RoleSelector_dot__nuHNH {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: var(--roleSelectorDotInactive);
  cursor: pointer;
  transition: all 0.2s ease;
}

.RoleSelector_activeDot__GLz0J {
  background: var(--roleSelectorDotActive);
  transform: scale(1.3);
}

.RoleSelector_dot__nuHNH:hover {
  background: var(--roleSelectorDotHover);
  transform: scale(1.2);
}

/* Compact mode container */
.RoleSelector_compactContainer__kNlkU {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 8px; */
  width: 100%;
}

/* Current role name in compact mode - displayed at center bottom */
.RoleSelector_compactRoleName__uTkSn {
  font-size: 14px;
  font-weight: 400;
  color: var(--roleSelectorPrimary);
  text-align: center;
  /* padding: 4px 8px; */
  min-height: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Mode toggle button */
.RoleSelector_modeToggle__Fxclf {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: var(--roleSelectorPrimary);
  color: white;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.2s ease;
  opacity: 0.6;
}

.RoleSelector_modeToggle__Fxclf:hover {
  opacity: 1;
  background: var(--roleSelectorSecondary);
  transform: scale(1.1);
}

/* Container visibility and layout overrides */
.RoleSelector_containerVisible__ejsqh {
  max-height: none;
  height: auto;
  overflow: visible;
  min-height: -webkit-fit-content;
  min-height: fit-content;
  position: relative;
}

.RoleSelector_compactContainerVisible__8Hoom {
  overflow: visible;
  height: auto;
  min-height: -webkit-fit-content;
  min-height: fit-content;
}

.RoleSelector_carouselWrapperVisible__NR3fK {
  overflow: visible;
  height: auto;
}

.RoleSelector_swiperContainerVisible__KtKe7 {
  overflow: visible;
  height: auto;
}

.RoleSelector_swiperSlideVisible__TqgWy {
  height: auto;
}

/* RoleBubbleWrapper interaction styles */
.RoleSelector_roleBubbleInteractive__0EZTb {
  cursor: pointer;
  touch-action: none;
  -webkit-user-select: none;
          user-select: none;
}

/* Default mode wrapper */
.RoleSelector_defaultModeWrapper__YK37Z {
  overflow: visible;
}

.RoleSelector_defaultModeCarouselWrapper__AqRgT {
  overflow: visible;
}

/* Debug panel styles */
.RoleSelector_debugPanel__6qB0x {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 8px;
  background-color: #f0f0f0;
  border-radius: 4px;
  font-size: 10px;
  z-index: 1001;
  width: auto;
  box-sizing: border-box;
}

.RoleSelector_debugButton__fLLWA {
  display: block;
  width: auto;
  padding: 4px 8px;
  font-size: 10px;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-weight: bold;
  white-space: nowrap;
}

.RoleSelector_debugButtonActive__ZOjow {
  background-color: #28a745;
}

.RoleSelector_debugButtonInactive__Of1Ge {
  background-color: #6c757d;
}




.ARStyles_hide__hAZHw{
  display: none;
}
.ARStyles_show__VNDrc{
  display: flex;
  height: 100%;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 0 5px;
  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;
  }
}

.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: -webkit-fit-content;
  max-width: fit-content;
  height: 100%;
  margin-top: -6px;
  padding: 8px;
  position: relative;
  min-width: 40px;
  color: var(--gray000);
  cursor: pointer;
  border: var(--borderWidth000);
  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;
  }
  /* .attchMenuBtnWrapper::before{
    height: 10px;
  } */
}

.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: var(--borderWidth000);
  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: var(--borderWidth300) 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: var(--borderWidth100) solid var(--orange000) !important;
  border-top: var(--borderWidth000) !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: var(--borderWidth100) solid var(--orange000);
}

.ChatSendButton_replyChat__8KzeE{
  padding-top: 14px;
  background-color: var(--peach000);
  border: var(--borderWidth100) solid var(--orange000);
  border-top: var(--borderWidth000) !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: var(--borderWidth100) 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_walletChatMobile__1krBY {
  margin-right: 3px;
  background-color: #01011A !important;
  border-radius: 0px 0px 5px 0px;
  padding-bottom: 3px;
}

.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_blockedArrow__RjOQ- {
  color: #ccc !important;
}

.ChatSendButton_blockedArrowContainer__ltmj9 {
  background: #888 !important;
}

.ChatSendButton_blockedArrowContainer__ltmj9:hover,
.ChatSendButton_blockedArrowContainer__ltmj9:active,
.ChatSendButton_blockedArrowContainer__ltmj9:focus {
  background: #888 !important;
}

.ChatSendButton_blockedSendButton__TAU7b:hover,
.ChatSendButton_blockedSendButton__TAU7b:active,
.ChatSendButton_blockedSendButton__TAU7b:focus {
  color: #ccc !important;
}

.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: transparent;
}

.ChatSendButton_selectMultiple__jqnss::before {
  display: none;
}

@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: 14;
  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: var(--borderWidth100) solid var(--peach400);
  border-left: var(--borderWidth000);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.ConsentBox_welcomeHalf__nZqjt{
  border: var(--borderWidth100) solid var(--peach700);
  border-left: var(--borderWidth000);
}

.ConsentBox_focusedBox__vV1yb{
  border: var(--borderWidth100) solid var(--peach700);
  border-left: var(--borderWidth000);
}

.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: var(--borderWidth100) solid var(--gray600);
  display: flex;
  width: 20px;
  height: 20px;
}

.ConsentBox_checkContainer__QUQBI{
  display: inline;
  border: var(--borderWidth100) 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: var(--borderWidth100) 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: -webkit-fit-content;
  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: var(--borderWidth100) solid var(--blue999); */
  background-color: var(--blue850);
  color: white;
  width: -webkit-fit-content;
  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: -webkit-fit-content;
  height: fit-content;
  padding-top: 50px;
  margin-bottom: 3px;
  width: calc(100% - 32px);
  margin: auto;
  border-bottom: var(--borderWidth300) 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: -webkit-fit-content;
  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: var(--borderWidth200) 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;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  font-family: var(--typographyFontFamily);
  font-size: 14px;
}

@keyframes FormConsentContent_openCourtesy__1DGnN {
  0% {
    -webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
            clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 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: -webkit-fit-content;
  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: var(--borderWidth100) 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: var(--borderWidth100) 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: var(--borderWidth100) 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);
}

.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: -webkit-fit-content;
  height: fit-content;
  border-radius: 10px;
  margin: 0 30px;
  background-color: var(--peach800);
}

.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: var(--borderWidth100) solid var(--gray060);
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    outline: none;
}

.MorphPayment_select__WEjKX{
    -webkit-appearance: none;
    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: var(--borderWidth200) 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: var(--borderWidth200) 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: var(--borderWidth100) 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: var(--borderWidth100) solid var(--gray060);
  }
  
  .MorphPayment_optionsList__MmxDo li:last-child {
    border-bottom: none;
  }

/* hide back of pane during swap */
.MorphPayment_front__UXD9Y, .MorphPayment_back__7kGnN {
	-webkit-backface-visibility: hidden;
	        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: var(--borderWidth100) solid green;
}

.MorphPayment_invalid__ZJaAU {
    border: var(--borderWidth100) solid red;
}

.MorphPayment_error__m\+1jH {
    border: var(--borderWidth100) 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; 
  border: var(--borderWidth100) solid var(--orange700);
  border-radius: 10px;
  background: rgba(245, 248, 245, 0.2);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}

.MorphErrandNew_morphErrandGlass__KPZbk {
  width:100%;
  box-shadow: 0px 0px 1px 1px var(--peach500);
}

.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_titleIcon__MnX6W {
  align-self: center;
  margin-left: 10px;
}

.MorphErrandNew_titleIcon__MnX6W {
  height: 30px;
  width: 30px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_tabWrapper__mVwag{
  display: flex;
  align-self: center;
  justify-content: flex-start;
  width: 100%;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_tab__0ZWV9 {
  background: transparent;
  color: var(--orange000);
  padding: 5px 10px;
  font-size: 1rem;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  font-weight: 500;
  align-self: center;
  position: relative;
  top: 1px;
  max-height: 36px;
  text-align: center;
  border-bottom: none;
  border-radius: 2px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_tabAfter__efS0y {
    position: absolute;
    content: '';
    height: 97px;
    display: none;
    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: 5px;
}

.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: 35px;
  width: 35px;
  margin-left: 10px;
  overflow: hidden;
  cursor: pointer;
  min-width: 35px;
  position: relative;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_editBallerinaIcon__wZ48n:hover, .MorphErrandNew_returnIcon__6nv6l:hover{
  border: var(--borderWidth100) 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;
  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: var(--borderWidth200) 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;
  position: relative;
  margin-left: 10px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_form__psjTQ div {
  /* width: 100%; */
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px 0 15px;
}

@media (max-width: 1080px) {
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_form__psjTQ div {
    margin-left:0px!important;
    margin-right:4px!important;
    background-color: var(--gray000);
  }

  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_editBallerinaIcon__wZ48n{
    margin-left:0px;
  }
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO {
  /* width: 100%; */
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px 0 10px;
}

.MorphErrandNew_form__psjTQ div {
  /* width: 100%; */
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--gray000) !important;
  padding-right: 0px;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_input__rQP5O {
  border-radius: 10px;
}


.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_input__rQP5O input {
  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: 100px; */
  position: absolute;
}

/* Shared class for endAdornment elements */
.MorphErrandNew_endAdornmentElement__2Z2vy {
  flex-shrink: 0;
  position: static !important;
  transform: none !important;
  top: auto !important;
  height: auto !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_hideEmoji__VhJAC {
  display: none;
}

@media (max-width: 800px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_emoji__YoaiH {
    display: none;
  }
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_blueGradient__wJxpL {
  position: absolute;
  bottom: -180px;
  left: -150px;
  width: 300px;
  height: 300px;
  z-index: -1;
  pointer-events: none;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_purpleGradient__LMeXS {
  position: absolute;
  bottom: -300px;
  right: 0;
  width: 400px;
  height: 400px;
  z-index: -1;
  pointer-events: none;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_newErrandIcon__8hpIb {
  background-color: white;
  transition: background-color 0.3s ease;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_iconWrapper__IHjDm {
  position: absolute;
  top: 15%;
  left: 15%;
  right: 15%;
  bottom: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_newErrandIconImg__m-qjC {
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_returnIconImg__PofR9 {
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--gray000);
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_iconGrow__E9W39 {
  transform: scale(1);
  opacity: 1;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_iconShrink__Ianyt {
  transform: scale(0);
  opacity: 0;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_sendButton__azHSt{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  color: var(--orange100);

  :hover, :focus{
    color: var(--blue999);
  }
}

.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: var(--borderWidth100) solid var(--peach900);
  border-radius: 50%;
  padding: 8px;
  /* right: 20px; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
  color: var(--peach900);
  z-index: 10;
}

.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_exitButton__5ZYZd:hover,
.MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_exitButton__5ZYZd:focus {
  cursor: pointer;
  color: var(--orange700);
  border: var(--borderWidth123) 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: 255px;
  }
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorMenuMobile__pk2I6{
    min-width: 255px;
  }
}

@media (max-width: 385px){
  .MorphErrandNew_morphErrandNewContainer__N\+ZyO .MorphErrandNew_colorCircle__mRq5v{
    height: 28px;
    width: 28px;
    margin: 0 1px;
  }
/* 
  .morphErrandNewContainer .editBallerinaIcon{
    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;
  }
}

.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);
  }
}

.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;
  -webkit-clip-path: path('M0 1C36.5926 1 31.2963 25 65 25C98.7037 25 93.4074 1 130 1');
          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: var(--borderWidth200);
}

.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: var(--borderWidth100);
  -webkit-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");
          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);
  }
}

.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;
}

.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;
}

.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);
    background-color: var(--orange980);
    border-radius: 0px 0px 10px 10px;
    overflow:hidden;
}

.SongOfTheDay_progressBarPlayed__gmuJr {
    opacity: 1;
    background-color: var(--peach900);
    border: var(--borderWidth000);
}

.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: -webkit-fit-content;
  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);
}

.MorphBorrowerSelectorSkeleton_style__Rw\+dW {
  width: 30vw;
  height: 50px;
  /* overflow-x: hidden;
  overflow-y: hidden; */
  background-color: var(--peach800);
  border-radius: 10px;
  /* border: var(--borderWidth100) 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: var(--borderWidth200) 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: var(--borderWidth1100) 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: var(--borderWidth300) 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: -webkit-fit-content;
  width: fit-content;
  height: -webkit-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: var(--borderWidth100) 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);
  }
}

.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: -webkit-fit-content;
  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: var(--borderWidth200) solid var(--gray000);
  border-radius: 0.5rem;
  cursor: pointer;
  margin: 0 8px;
}

.MorphUserSuggestionsSkeleton_btn__g8k-d:hover,
.MorphUserSuggestionsSkeleton_btn__g8k-d:focus {
  border: var(--borderWidth200) 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: var(--borderWidth100) 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);
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 17% 93%, 33% 84%, 51% 73%, 66% 60%, 76% 47%, 86% 33%, 93% 19%);
            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);
    -webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 83% 7%, 67% 16%, 49% 27%, 34% 40%, 24% 53%, 14% 67%, 7% 81%);
            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);
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 83% 93%, 67% 84%, 49% 73%, 34% 60%, 24% 47%, 14% 33%, 7% 19%);
            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);
    -webkit-clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 17% 7%, 33% 16%, 51% 27%, 66% 40%, 76% 53%, 86% 67%, 93% 81%);
            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: -webkit-fit-content;
    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: var(--borderWidth100);
  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;
  }
}

.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: var(--borderWidth100) solid var(--primaryMain);
  border-left: none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.MorphLanguageSelectorSkeleton_flagsContainer__uj1--::before {
  -webkit-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');
          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 {
  -webkit-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');
          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: var(--borderWidth100) 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;
}

.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 {
  overflow: visible;
  z-index: 2;
  position: relative;
  height: 40px;
  min-height: 40px;
  width: 40px;
  min-width: 40px;
  border: var(--borderWidth000);
  color: var(--peach500);
  padding: 8px;
  margin: 0;
  border-radius: 1000rem;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 5px !important;
}

.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_classNoHover__U3eEA:hover::before {
  opacity: 0 !important;
}

.FileSelector_classNoHover__U3eEA:hover {
  cursor: default !important;
}

.FileSelector_class__hDaU4.FileSelector_noMarginBottom__erduP {
  margin-bottom: 0 !important;
}

.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;
}

.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;
}



.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: var(--borderWidth200) 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: var(--borderWidth200) 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 0.4s ease-in forwards;
  will-change: transform; /* Optimize animation and prevent backdrop-filter interference */
}

.SessionTransferBanner_fadeIn__RPwzf {
  animation: SessionTransferBanner_fadeInFromBottom__kQsgE 0.4s 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);
    opacity: 1;
  }
  to {
    transform: translateY(200px);
    opacity: 0;
  }
}

.ConvFooter_uploadButton__81l43 {
  color: var(--orange900);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--borderWidth200) 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;
}

.WalletSkipButton_skipButton__jXmv7 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--borderWidth300) solid var(--walletDarkBlue);
  border-left: 0;
  border-right: 0;
  min-width: 50px;
  color: var(--walletDarkBlue);
}

.WalletSkipButton_skipButton__jXmv7:hover {
  background-color: var(--walletDarkBlue);
  color: var(--gray000);
}

.MorphPointsTable_wrapper__wvV3a {
  max-height: 80vh;
  width: 600px;
  border: var(--borderWidth200) solid var(--orange054) !important;
  border-bottom: 0 !important;
  border-bottom: initial !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  font-family: var(--typographyFontFamily);
  bottom: 0px;
  z-index: 1;
  background-color: var(--gray000);

  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  --noise-opacity: 0.1;
  --noise-size: 1px;
}

.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;
  padding: 0px 10px;
}

.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: transparent;
}

.MorphPointsTable_categoryContainer__vYxCt > div {
  display: flex;
  align-items: center;
  background-color: #ffefeac9;
  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: #ffefeac9;
  /* 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 */
  -webkit-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%
  );
          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_balances__SJLCq {
  /* background-color: var(); */
  position: relative;
  height: 100%;
  margin: 5px;
  border-radius: 10px;
  height: 100px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  padding: 20px 5px 5px 5px;
  overflow: hidden;
  min-height: 120px;
}

.MorphPointsTable_balanceTile__xiFHz {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1;
  padding: 5px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  border: var(--borderWidth300) solid rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  --noise-opacity: 0.2;
  --noise-size: 2px;
}

.MorphPointsTable_balanceAmountText__8Lg9\+ {
  font-size: 28.24px;
  font-weight: bold;
  display: block;
  z-index: 1;
  text-align: center;
  color: var(--primaryMain);
}

.MorphPointsTable_balanceNameText__wQINC {
  font-size: 13.15px;
  /* font-weight: bold; */
  display: block;
  text-transform: capitalize;
  z-index: 1;
  text-align: center;
}

.MorphPointsTable_body__InR-K {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  overflow-y: auto;
  padding: 0px 0px 10px 0px;
  height: 100%;
}

.MorphPointsTable_categoryIcon__aBCTh {
  width: 44px;
  padding: 12px;
}

.MorphPointsTable_columnLabels__yD4ae {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  color: var(--gray000);
  padding: 3px 10px;
  background-color: var(--primaryMain);
  font-size: 13.15px;
  width: 100%;
}

.MorphPointsTable_yourPoints__Lnuup {
  font-weight: 600;
  text-transform: capitalize;
}

.MorphPointsTable_cardsContainer__HpLAn {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  max-width: 100%;
  padding-top: 5px;
  padding: 5px 10px 0px 10px;
}

.MorphPointsTable_twoColumns__KrZ5Y {
  grid-template-columns: repeat(2, 1fr);
}

.MorphPointsTable_oneColumn__KN4HR {
  grid-template-columns: 1fr;
}

.MorphPointsTable_categoryCard__K-8kV {
  position: relative;
  border-radius: 8px;
  text-align: center;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  font-family: var(--typographyFontFamily);

  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  --noise-opacity: 0.2;
  --noise-size: 2px;
}

.MorphPointsTable_cardName__ETsc8 {
  font-size: 12.61px;
}

.MorphPointsTable_creditAmount__YbbiN {
  font-size: 12.7px;
  color: var(--gray950);
}

.MorphPointsTable_creditAmount__YbbiN::first-letter {
  text-transform: uppercase;
}

.MorphPointsTable_cardIcon__7ZMBu {
  width: 44px;
}

/* 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: 60px;
  background-color: white;
  border: var(--borderWidth200) solid var(--primaryMain);
  /* border-top: var(--borderWidth400) solid 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_cardContentContainer__o5pYu {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  border: var(--borderWidth300) solid rgba(255, 255, 255, 0.4);
  /* -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  --noise-opacity: 0.2;
  --noise-size: 2px; */
}

.MorphPointsTable_cardContent__NRJOt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 4 1;
  padding: 10px;
  color: var(--gray950);
  width: 100%;
}

.MorphPointsTable_cardFooter__Um\+Io {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  background-color: rgba(254, 133, 93, 0.6);
  padding: 5px 0px;
  gap: 1px;
  color: var(--gray950);
}

.MorphPointsTable_notificationContainer__Zvcao {
  max-width: 100%;
  background-color: var(--gray100);
  position: relative;
  border-radius: 10px;
  z-index: 2;
  display: flex;
  height: 100px;
  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: var(--borderWidth100) solid 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: rgba(255, 125, 32, 0.371);
  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;
}

.RopeDrawer_ropeDrawer__5FALq {
  position: absolute;
  left: 0;
  width: 100vw;
  overflow: hidden;
  z-index: 100;
  transition: background-color .600s ease;
  height: 100vh;
  height: 100%;
  max-height: 100vh;
  pointer-events: none;
  background-color: transparent;
  overflow-x: hidden !important;

  /* Pre-create compositing layer */
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: background-color .600s ease;
}

.RopeDrawer_ropeDrawer__5FALq.RopeDrawer_isDrawerOpen__Vz7Yd {
  pointer-events: all;
}

.RopeDrawer_ropeLine__VXKWC.RopeDrawer_ropeLineDrawerOpen__fRDO7 {
  background-color: var(--gray904);
  /* border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; */
}

.RopeDrawer_errandsBox__k33t2 {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -Webkit-user-select: none;
  height: 100%;

  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout style paint;

  /* add prefix for Android device */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.RopeDrawer_errandsBox__k33t2.RopeDrawer_animated__KJZqr {
  transition: transform 0.6s ease;
  -webkit-transition: transform 0.6s ease;
}

.RopeDrawer_animated__KJZqr {
  transition: transform 0.6s ease, opacity 0.6s ease !important;

  /* Hardware Acceleration */
  will-change: transform, opacity;
  transform: translate3d(0, 0, 0);

  /* Add prefix for Android device */
  -webkit-transition: transform 0.6s ease, opacity 0.6s ease !important;
  -webkit-transform: translate3d(0, 0, 0);
}

.RopeDrawer_childWrapper__1Ty6F {
  /* max-height: calc(100dvh - 24px); */
  /* height: calc(100dvh - 24px); */
  padding-top: 12px;
  padding-bottom: 12px;
  margin-right: 1px;
  min-width: 270px;
  width: 70vw;
  max-width: 300px;
  height: calc(100% - 55px);

  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout style paint;

  /* add prefix for Android device */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.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;

  /* Add prefix for Android device */
  -webkit-transform: translateY(-50%);
}

.RopeDrawer_staticRopeWrapper__PRlKl img {
  width: 16px;
  height: auto;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;

  /* Add prefix for Android device */
  -webkit-transform: translateY(-50%);
}

.RopeDrawer_staticRopeWrapper__PRlKl.RopeDrawer_isPullingRope__iiPkh img {
  display: none;
}

.RopeDrawer_pullRopeWrapper__zaKAF {
  /* position: absolute; */
  /* width: 40px; */
  height: calc(100% - 55px);
  top: 55px;
  z-index: 10;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  pointer-events: all;
  /* cursor: pointer; */
  position: relative;
  
  /* Prevent all touch gestures except horizontal panning */
  touch-action: none;

  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;

  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.RopeDrawer_pullRopeWrapper__zaKAF.RopeDrawer_isPullingRope__iiPkh {
  /* height: calc(100dvh - 24px); */
  /* max-height: calc(100dvh - 24px); */
  transition: none !important;

  /* Add prefix for Android device */
  -webkit-transition: none !important;
}

.RopeDrawer_pullRopeWrapper__zaKAF img {
  display: flex;
  width: 28px;
  height: auto;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translate3d(16px, -50%, 0);
  opacity: 0;

  /* Hardware Acceleration */
  will-change: transform, opacity;
  backface-visibility: hidden;

  /* Add prefix for Android device */
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(16px, -50%, 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: translate3d(0, -50%, 0);

  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, -50%, 0);
}

/* Rope container */
.RopeDrawer_ropeContainer__4Ey3h {
  /* position: absolute; */
  /* top: 12px; */
  /* right: 0; */
  /* width: 48px; */
  /* max-height: calc(100dvh - 24px); */
  height: calc(100% - 55px);
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  right: 0;
  padding: 12px 0px;
  
  /* Prevent all touch gestures */
  touch-action: none;

  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;

  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.RopeDrawer_ropeContainer__4Ey3h.RopeDrawer_animated__KJZqr {
  transition: transform 0.6s ease;
  -webkit-transition: transform 0.6s ease;
}

/* Thin rope line */
.RopeDrawer_ropeLine__VXKWC {
  position: absolute;
  width: 5px;
  height: 100%;
  background-color: var(--gray904);
  border-radius: 12px 0 0 12px;
  right: 0px;
  transition: background-color 0.6s ease, border-radius 0.6s ease;
  will-change: transform, background-color;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;

  /* Add prefix for Android device */
  -webkit-transition: background-color 0.6s ease, border-radius 0.6s ease;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.RopeDrawer_ropeLine__VXKWC.RopeDrawer_pullingRopeLine__\+bGav {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Orange circle with arrow */
.RopeDrawer_ropeCircle__MDGa5 {
  width: 20px;
  height: 20px;
  margin-left: 24px;
  background-color: var(--orange700);
  opacity: .6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* Immediate touch response */
  transition: transform 0.6s ease, background-color 0.6s ease;
  -webkit-tap-highlight-color: transparent;
  
  /* Allow clicks but prevent scrolling */
  touch-action: manipulation;
  pointer-events: all;
  
  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;

  /* Add prefix for Android device */
  -webkit-transition: transform 0.6s ease, background-color 0.6s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.RopeDrawer_pullRopeWrapper__zaKAF:hover .RopeDrawer_ropeCircle__MDGa5,
.RopeDrawer_pullRopeWrapper__zaKAF.RopeDrawer_isPullingRope__iiPkh .RopeDrawer_ropeCircle__MDGa5 {
  transform: translate3d(0, 0, 0) scale(1.02);

  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, 0, 0) scale(1.02);
}

.RopeDrawer_pullRopeWrapper__zaKAF:active .RopeDrawer_ropeCircle__MDGa5 {
  transform: translate3d(0, 0, 0) scale(0.98);
  -webkit-transform: translate3d(0, 0, 0) scale(0.98);
}
.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);
}

.MessageSender_alignByCurrentUser__j-pZd {
  display: none;
}

.MessageSender_isUser__iCNo\+ {
  -webkit-user-select: none;
          user-select: none;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs {
  display: block;
  position: relative;
  margin: 1px 0;
  padding: 4px 0;
  -webkit-text-size-adjust: none;
}
.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_isTranslated__mz\+29 {
  --height: unset !important;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs::before {
  content: '';
  display: none;
  height: calc(100% - 1px);
  width: 0;
  position: absolute;
  top: 0;
  right: -9px;
  border-left: var(--borderWidth100) dashed var(--orange700);
  border-right: var(--borderWidth100) dashed var(--orange700);
}

.MessageContentWrapperStyles_isLastMessage__0SXS2.MessageContentWrapperStyles_messageContentWrapper__yf5cs::before {
  height: calc(100% + 54px);
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_messageActionIndex__NZJgb::before,
.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: var(--borderWidth100) dashed var(--orange700);
  border-right: var(--borderWidth100) dashed var(--orange700);
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_messageActionIndex__NZJgb::after,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_isMorphedFooterCloseButtonOnLeft__rzTUU::after {
  right: auto;
  right: initial;
  left: -9px;
}

.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_messageActionIndex__NZJgb .MessageContentWrapperStyles_node__DAn\+Q,
.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: color 0.25s linear;
  animation: MessageContentWrapperStyles_delay-pointer-events__8z0IH 0.25s linear forwards;
}
.MessageContentWrapperStyles_messageContentWrapper__yf5cs:hover .MessageContentWrapperStyles_messageContentWrapper__yf5cs .MessageContentWrapperStyles_button__-tmy5,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs:focus .MessageContentWrapperStyles_messageContentWrapper__yf5cs .MessageContentWrapperStyles_button__-tmy5,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs:focus-within .MessageContentWrapperStyles_messageContentWrapper__yf5cs .MessageContentWrapperStyles_button__-tmy5 {
  color: transparent;
  background-color: transparent;
  pointer-events: none;
  transition: none 0.25s linear;
  animation: none 0.25s linear forwards;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs .MessageContentWrapperStyles_messageContentWrapper__yf5cs:hover .MessageContentWrapperStyles_button__-tmy5,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs .MessageContentWrapperStyles_messageContentWrapper__yf5cs:focus .MessageContentWrapperStyles_button__-tmy5,
.MessageContentWrapperStyles_messageContentWrapper__yf5cs .MessageContentWrapperStyles_messageContentWrapper__yf5cs:focus-within .MessageContentWrapperStyles_button__-tmy5 {
  color: var(--peach500);
  background-color: var(--gray020);
  pointer-events: all;
  transition: color 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;
  z-index: 0;
  position: relative;
  max-width: 100%;
}

.MessageContentWrapperStyles_messageIsInternalSentQueue__dL3Fa .MessageContentWrapperStyles_messageWrapper__3qTU3 {
  flex-direction: column;
  justify-content: flex-start;
}

.MessageContentWrapperStyles_messageIsInternalSentQueue__dL3Fa.MessageContentWrapperStyles_alignByCurrentUser__eg709 .MessageContentWrapperStyles_messageWrapper__3qTU3 {
  justify-content: flex-end;
}

.MessageContentWrapperStyles_messageIsInternalSentQueue__dL3Fa .MessageContentWrapperStyles_messageWrapper__3qTU3 .MessageContentWrapperStyles_messageWrapper__3qTU3 {
  flex-direction: row;
}

.MessageContentWrapperStyles_messageWrapper__3qTU3 .MessageContentWrapperStyles_messageContentWrapper__yf5cs {
  width: 100%;
  max-width: 100%;
}

.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;
}

.MessageContentWrapperStyles_edit__Ugwjb svg {
  fill: var(--purple100) !important;
}

.MessageContentWrapperStyles_fadeOut__CgT9S {
  /* opacity: .75;
  filter: blur(4px); */
}

.MessageContentWrapperStyles_isQueued__9an7x {
  /* display: none; */
}

.MessageContentWrapperStyles_isNotQueued__oTRDl {
  /* display: flex; */
}

.MessageContentWrapperStyles_glowingBorder__xF8Av {
  position: relative;
  border: 2px solid transparent;
  background: linear-gradient(white, white) padding-box, 
              linear-gradient(45deg, #ff6b35, #7513f2, #ff6b35, #7513f2) border-box;
  background-size: 100% 100%, 400% 400%;
  animation: MessageContentWrapperStyles_glowingBorderAnimation__Hf4mz 2s ease-in-out infinite;
}

@keyframes MessageContentWrapperStyles_glowingBorderAnimation__Hf4mz {
  0%, 100% {
    background-position: 0% 0%, 0% 50%;
  }
  50% {
    background-position: 0% 0%, 100% 50%;
  }
}

@keyframes MessageContentWrapperStyles_gentlePulse__v8V3n {
  0%, 100% {
    transform: scale(1);
    opacity: 0.9;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Action"] {
  padding: 0px;
}

/* Action messages - 50% width constraint (exclude actions with unique styling) */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Action"]:not([data-preserve-width="true"]) {
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  margin-bottom: 8px !important;
}

/* Action message wrapper should be constrained */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Action"] .MessageContentWrapperStyles_messageWrapper__3qTU3 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Make message wrapper full width (exclude actions with unique styling) */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Action"]:not([data-preserve-width="true"]) .MessageContentWrapperStyles_messageWrapper__3qTU3 > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* Force all nested elements to respect width (exclude descendants of actions with unique styling) */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Action"]:not([data-preserve-width="true"]) *:not(section) {
  max-width: 100% !important;
  min-width: 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  white-space: normal !important;
}

/* User Action messages align right */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Action"].MessageContentWrapperStyles_alignByCurrentUser__eg709 {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* AI/Operator Action messages align left */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Action"]:not(.MessageContentWrapperStyles_alignByCurrentUser__eg709) {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Field messages that follow Action messages - constrain width and add gap */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_shouldShiftUp__PjXFb[data-message-type*="Field"] {
  max-width: 50% !important;
  margin-top: 8px !important;
  clear: both !important;
  min-height: calc(0px);
  min-height: calc(var(--action-height, 0px));
}

/* Field messages align based on user type */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Field"].MessageContentWrapperStyles_alignByCurrentUser__eg709 {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0px;
}

/* Only apply negative margin and transform when shouldShiftUp is present,
   preventing negative margins from compounding when a Field follows a
   non-Action message and min-height is absent to compensate. */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Field"].MessageContentWrapperStyles_alignByCurrentUser__eg709.MessageContentWrapperStyles_shouldShiftUp__PjXFb {
  margin-bottom: calc(-1 * 0px);
  margin-bottom: calc(-1 * var(--action-height, 0px));
  transform: translateY(calc(-1 * 0px - 18px));
  transform: translateY(calc(-1 * var(--action-height, 0px) - 18px));
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Field"].MessageContentWrapperStyles_alignByCurrentUser__eg709[data-preserve-height="true"],
.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Field"].MessageContentWrapperStyles_alignByCurrentUser__eg709:has([data-is-expanded="true"]) {
  height: auto;
  height: initial;
  /* Add negative margin to avoid large empty space below element */
  margin-bottom: -70px;
}

.MessageContentWrapperStyles_messageContentWrapper__yf5cs[data-message-type*="Field"]:not(.MessageContentWrapperStyles_alignByCurrentUser__eg709) {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* User Action Messages - white background for chatBubbleBox */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_shouldShiftUp__PjXFb {
  --chatBubblesUserBackColor: white !important;
  --chatBubblesAiBackColor: white !important;
  --chatBubblesInternalBackColor: white !important;
  --chatBubblesUserTextColor: var(--gray403) !important;
  --chatBubblesUserTimeColor: var(--gray403) !important;
  --chatBubblesUserLinkColor: var(--gray403) !important;
}

/* Field messages that follow Action messages - constrain width and add gap */
.MessageContentWrapperStyles_messageContentWrapper__yf5cs.MessageContentWrapperStyles_isFieldShiftException__uvVCB[data-message-type*="Field"] {
  margin-bottom: 0px !important;
  transform: none;
  transform: initial;
}

.MessageContentWrapperStyles_showTick__Wsjsw {
  opacity: 0.8;
  filter: grayscale(.8);
}
/* Empty rules necessary for module scope trick */
.ChatBubbleWrapper_scope__hfX9x {}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper {
  max-width: 100%;
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper .messageContent {
  /* line-height: 1.6; */
}

/* User Messages */
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper:not(.isAIMessage):not(.isInternal):not(.isQueued) .chatBubbleBox,
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper:not(.isAIMessage):not(.isInternal):not(.isQueued) .chatBubbleBox {
  background-color: var(--chatBubblesUserBackColor);
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper:not(.isAIMessage):not(.isInternal):not(.isQueued) .chatBubbleBox .messageContent {
  color: var(--chatBubblesUserTextColor);
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper:not(.isAIMessage):not(.isInternal):not(.isQueued) .chatBubbleBox a {
  color: var(--chatBubblesUserLinkColor);
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper:not(.isAIMessage):not(.isInternal):not(.isQueued) .chatBubbleBox .messageTime {
  color: var(--chatBubblesUserTimeColor);
}

/* AI Messages */
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isAIMessage .chatBubbleBox,
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isAIMessage .chatBubbleBox {
  background-color: var(--chatBubblesAiBackColor);
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isAIMessage .chatBubbleBox .messageContent {
  color: var(--chatBubblesAiTextColor);
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isAIMessage .chatBubbleBox .messageTime {
  color: var(--chatBubblesAiTimeColor);
}

/* Internal (Operator) Messages */
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isInternal .chatBubbleBox,
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isInternal .chatBubbleBox {
  background-color: var(--chatBubblesInternalBackColor);
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isInternal .chatBubbleBox .messageContent {
  color: var(--chatBubblesInternalTextColor);
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isInternal .chatBubbleBox .messageTime {
  color: var(--chatBubblesInternalTimeColor);
}

/* Queued Messages */
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isQueued,
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isQueued {
  /* margin-bottom: 0.5em; */
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isQueued .chatBubbleBox,
.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isQueued .chatBubbleBox {
  /* background-color: var(--chatBubblesQdBackColor); */
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isQueued .chatBubbleBox .messageContent {
  color: var(--chatBubblesQdTextColor);
}

/* .scope:global(.chatBubbleWrapper.isQueued .chatBubbleBox .messageIndicators),
.scope:global(.chatBubbleWrapper.isQueued .chatBubbleBox .messageIndicators time) {
  display: none !important;
} */

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isQueued .chatBubbleBox path {
  color: var(--chatBubblesUserBorderSecondary);
  fill: var(--chatBubblesUserBorderSecondary);
}

.ChatBubbleWrapper_scope__hfX9x.chatBubbleWrapper.isQueued .chatBubbleBox .messageTime {
  /* color: var(--chatBubblesQdTimeColor); */
}

/* .class.gradientOrange {
  background: rgba(255, 255, 255, 0.6);
  border: var(--borderWidth300) solid linear-gradient(135deg, var(--orange500) 0%, var(--white100) 50%, var(--orange500) 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  --noise-opacity: 0.3;
  --noise-size: 3px;
}
.class.gradientPurple {
  background: rgba(255, 255, 255, 0.6);
  border: var(--borderWidth300) solid linear-gradient(135deg, var(--purple100) 0%, var(--white100) 50%, var(--purple100) 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  --noise-opacity: 0.3;
  --noise-size: 3px;
} */

.SongOfTheDayMessageContent_songContainer__aoiaD {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 10px;
  background: var(--chatBubblesAiBackColor);
  transition: width 1s ease-in-out, height 1s ease-in-out, gap 1s ease-in-out;
}

@media (min-width: 430px){
  .SongOfTheDayMessageContent_songContainer__aoiaD {
    width: 294px;
  }
}

@media (max-width: 429px){
  .SongOfTheDayMessageContent_songContainer__aoiaD {
    width: calc(100vw - 130px);
  }
}

.SongOfTheDayMessageContent_songContainer__aoiaD:not(.SongOfTheDayMessageContent_playing__WzcBN) {
  min-height: 200px;
}

.SongOfTheDayMessageContent_songContainer__aoiaD.SongOfTheDayMessageContent_playing__WzcBN {
  background: var(--shadow801);
  border: var(--borderWidth100) solid var(--white000);
  gap: 0;
  transition: width 1s ease-in-out, gap 1s ease-in-out, border 1s ease-in-out;

  /* create a layer to prevent the shifting with device not support backdrop filter */
  transform: translateZ(0px);
}

@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  .SongOfTheDayMessageContent_songContainer__aoiaD.SongOfTheDayMessageContent_playing__WzcBN {
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
}

.SongOfTheDayMessageContent_topSection__82qIt {
  display: flex;
  flex-direction: column;
  transition: border 1s ease-in-out, border-radius 1s ease-in-out;
}

.SongOfTheDayMessageContent_topSection__82qIt.SongOfTheDayMessageContent_paused__IZtE- {
  border: var(--borderWidth200) solid var(--white000);
  border-radius: 10px;
}

.SongOfTheDayMessageContent_thumbnailContainer__JzNdy {
  width: 100%;
  height: 134px;
  position: relative;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.SongOfTheDayMessageContent_playPauseIcon__rLvPa {
  position: absolute;
  bottom: 8px;
  left: 8px;
  width: 29px;
  height: 29px;
  cursor: pointer;
}

.SongOfTheDayMessageContent_songHeader__dnM27 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 5px;
  color: var(--orange500);
}

.SongOfTheDayMessageContent_songDetails__r3z5g {
  display: flex;
  flex-direction: row;
  margin: 8px;
  height: 100%;
  justify-content: space-between;
  position: relative;
  margin-right: 0px;
  min-width: 215px;
}

.SongOfTheDayMessageContent_songDetailsStack__sByn2 {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

@media (min-width: 501px) {
  .SongOfTheDayMessageContent_songDetails__r3z5g {
    min-width: 286px;
  }

  .SongOfTheDayMessageContent_songDetailsStack__sByn2 {
    max-width: 178px !important;
  }
}

@media (max-width: 500px) {
  .SongOfTheDayMessageContent_songDetailsStack__sByn2 {
    max-width: 61% !important;
  }
}

.SongOfTheDayMessageContent_copySongToClipboardGroup__0aGZ0 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  margin-top: auto;
  flex-grow: 1;
  position: absolute;
  right: 23px;
  bottom: 0px;
}

.SongOfTheDayMessageContent_copySongToClipboardGroup__0aGZ0 p {
  font-family: Poppins;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-decoration: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  color: var(--orange500);
  white-space: nowrap;
  margin: 0;
}

.SongOfTheDayMessageContent_copyLinkIcon__81Szb {
  width: 12px;
  height: 12px;
}

.SongOfTheDayMessageContent_musicDisk__XZkIQ {
  position: absolute;
  top: 86px;
  right: 0px;
  width: 98px;
  height: 98px;
  background: var(--shadow601);
  border: var(--borderWidth100) solid var(--white000);
  border-radius: 100px;
  padding: 4px;
  box-sizing: border-box;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  z-index: 1;
}

@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  .SongOfTheDayMessageContent_musicDisk__XZkIQ {
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
}

.SongOfTheDayMessageContent_musicDiskPaused__Ca7pD {
  position: absolute;
  top: 167px;
  right: 0px;
  width: 98px;
  height: 98px;
  background: var(--shadow601);
  border: var(--borderWidth100) solid var(--white000);
  border-radius: 100px;
  padding: 4px;
  box-sizing: border-box;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  z-index: 1;
}

@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  .SongOfTheDayMessageContent_musicDiskPaused__Ca7pD {
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
}

@keyframes SongOfTheDayMessageContent_rotate__zJthM {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.SongOfTheDayMessageContent_musicDiskPlaying__x\+0Iz {
  position: absolute;
  top: 150px;
  right: 5px;
  width: 60px;
  height: 60px;
  background: var(--shadow601);
  border: var(--borderWidth100) solid var(--white000);
  border-radius: 100px;
  padding: 4px;
  box-sizing: border-box;
  z-index: 10;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  .SongOfTheDayMessageContent_musicDiskPlaying__x\+0Iz {
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
}

.SongOfTheDayMessageContent_playButton__3PKSh,
.SongOfTheDayMessageContent_playButtonPaused__ggO3c {
  position: absolute;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  z-index: 2;
  cursor: pointer;
}

.SongOfTheDayMessageContent_playButton__3PKSh {
  top: 118px;
  right: 31px;
}

.SongOfTheDayMessageContent_playButtonPaused__ggO3c {
  top: 199px;
  right: 30px;
}

.SongOfTheDayMessageContent_playButtonPlaying__Sj5JK {
  position: absolute;
  top: 168px;
  right: 22px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  cursor: pointer;
  z-index: 10;
}

@media (max-width: 415px) {
  .SongOfTheDayMessageContent_playButton__3PKSh{
    top: 118px;
    right: 31px;
  }

  .SongOfTheDayMessageContent_playButtonPaused__ggO3c {
    right: 31px;
  }

  .SongOfTheDayMessageContent_playButtonPlaying__Sj5JK {
    top: 169px;
    right: 23px;
  }
}

.SongOfTheDayMessageContent_musicDiskPlaying__x\+0Iz.SongOfTheDayMessageContent_rotating__KR1WD {
  animation: SongOfTheDayMessageContent_rotate__zJthM 3s linear infinite;
}

.SongOfTheDayMessageContent_playerContainer__0J8K5 {
  position: relative;
  width: 100%;
  height: 217px;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out, border-radius 1s ease-in-out;
}

.SongOfTheDayMessageContent_playerContainer__0J8K5.SongOfTheDayMessageContent_paused__IZtE- {
  border-radius: 10px 10px 0 0;
}

.SongOfTheDayMessageContent_playerContainer__0J8K5 iframe {
  width: 100%;
  height: 100%;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.SongOfTheDayMessageContent_blueGradient__QYRM1 {
  position: absolute;
  top: 30px;
  left: -150px;
  z-index: -1;
}

.SongOfTheDayMessageContent_slideInFromTop__tV3N- {
  animation: SongOfTheDayMessageContent_slideInFromTop__tV3N- 1s ease-out;
}

@keyframes SongOfTheDayMessageContent_slideInFromTop__tV3N- {
  from {
    transform: translateY(-20px) scaleX(0.2);
    opacity: 0;
  }

  to {
    transform: translateY(0) scaleX(1);
    opacity: 1;
  }
}

.SongOfTheDayMessageContent_muteButton__4Ny-B {
  position: absolute;
  top: 100px;
  left: 8px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 3;
}

.SongOfTheDayMessageContent_muteButtonPaused__R1bh8 {
  position: absolute;
  top: 185px;
  left: 8px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 3;
}

.SongOfTheDayMessageContent_muteButtonPlaying__32w3Z {
  position: absolute;
  top: 185px;
  left: 8px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 3;
}

.SongOfTheDayMessageContent_blueGradientPlay__Nn52w,
.SongOfTheDayMessageContent_blueGradientHide__wTc-U,
.SongOfTheDayMessageContent_blueGradientPause__dTp8w {
  position: absolute;
  left: -150px;
  height: 400px;
  width: 400px;
  z-index: -1;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.SongOfTheDayMessageContent_blueGradientPlay__Nn52w,
.SongOfTheDayMessageContent_blueGradientHide__wTc-U{
  top: -50px;
}

.SongOfTheDayMessageContent_blueGradientPause__dTp8w {
  top: 0px;
}

.SongOfTheDayMessageContent_blueGradientHide__wTc-U {
  top: -50px;
  opacity: 0;
}

.SongOfTheDayMessageContent_backgroundPlayIcon__bTaz6 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
}

.MessageContentSkeleton_base__KznKU {
  background-color: var(--peach600);
  border: var(--borderWidth100) 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: -webkit-fit-content;
  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_twinLoaderContainer__QmRKx {
  position: relative;
  height: 150px;
  width: 150px;
}

.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: -webkit-fit-content;
  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: var(--borderWidth100) 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;
  -webkit-clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
          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: var(--borderWidth400) solid transparent;
  object-fit: cover;
}

.BlockchainWelcomeMessageContent_image__QXQyP{
  height: 100px;
  z-index: 1;
  position: absolute;
  background-color: transparent;
  border-radius: 50%;
  width: 100px;
  border: var(--borderWidth400) 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: var(--borderWidth100) 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: var(--borderWidth100) 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: var(--borderWidth100) 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_videoContainer__LQNDL.BlockchainWelcomeMessageContent_centerVideoContainer__TD9sh {
  left: 70px;
  top: -75px;
}

.BlockchainWelcomeMessageContent_videoBox__gIal0{
  position: absolute;
  transition: all 0.5s ease-in-out;
  width: 100px;
  height: auto;
  object-fit: cover;
  border-radius: 50%;

}

.BlockchainWelcomeMessageContent_partialContentContainer__FPt6E {
  height: 320px;
  position: relative;
  width: 250px;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.2s ease;
  margin-bottom: 12px;
}

.BlockchainWelcomeMessageContent_partialContentContainer__FPt6E.BlockchainWelcomeMessageContent_partialContentContainerExpandedVideo__Xc8JV {
  height: 250px;
  opacity: 0;
}

.BlockchainWelcomeMessageContent_expandedVideo__3hzLE{
  width: 234px;
  height: auto;
  border-radius: 10px;
  left: -45px;
}

.BlockchainWelcomeMessageContent_expandedVideo__3hzLE.BlockchainWelcomeMessageContent_expandedVideoNoMainContent__9dQZy{
  width: 250px;
  height: auto;
  border-radius: 10px;
  left: -75px;
  top: 80px;
}

.BlockchainWelcomeMessageContent_videoControls__tU\+X0{
  position: absolute;
  display: flex;
  top: 70px;
}

.BlockchainWelcomeMessageContent_videoButton__vhDNo{
  color: white;
  background: black;
  border-radius: 50%;
  border: var(--borderWidth100) 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;
  }
}

.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;
  }
}

.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 */
  height: -webkit-fit-content;
  height: fit-content;
  width: 100%;
  max-width: 300px;
}

.SlotMachineMessageContent_bubbleContainer__g0Pe9 {
  position: relative;
  background-color: var(--primaryBackground);
  border: 1px solid var(--orange700);
  border: var(--borderWidth100, 1px) solid 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: -webkit-fit-content;
  width: fit-content;
  height: -webkit-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(--primaryBackground);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: -20px;
  left: 50%;
  translate: -50%;
  border: var(--borderWidth100) solid var(--orange700);
}

.SlotMachineMessageContent_topCircle__4-Qqz::before {
  content: '';
  position: absolute;
  background-color: var(--primaryBackground);
  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(--primaryBackground);
  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: var(--borderWidth300) solid 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: var(--borderWidth100) solid 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: var(--borderWidth100) solid 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(--primaryBackground);
  width: 115px;
  height: 115px;
  border-radius: 50%;
  top: -40px;
  left: 50%;
  translate: -50%;
  border: var(--borderWidth100) solid var(--orange700);
  border-bottom: 0;
  padding-top: 10px;
}

.SlotMachineMessageContent_timerTopCircle__dmBPJ::before {
  content: '';
  position: absolute;
  background-color: var(--primaryBackground);
  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;
}

.SlotMachineMessageContent_bubbleContainerCenter__tF-on {
  justify-content: center;
  padding: 12px 32px;
  background: var(--primaryBackground);
  border: 1px solid var(--orange700);
  border: var(--borderWidth100, 1px) solid var(--orange700);
}

.SlotMachineMessageContent_bubbleContainerCenter__tF-on:hover {
  cursor: default;
}

.SlotMachineMessageContent_contentStack__PVJ1W {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  width: 100%;
}

.SlotMachineMessageContent_playSlotMachine__FxvNB {
  max-width: 80px;
  width: 100%;
  height: auto;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}

.SlotMachineMessageContent_messageText__vVXTr {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.35;
  font-family: var(--typographyFontFamily);
}

.SlotMachineMessageContent_glassBtnContent__ouoOD {
  display: grid;
  grid-template-columns: 25% minmax(-webkit-max-content, 1fr);
  grid-template-columns: 25% minmax(max-content, 1fr); 
  align-items: center;
  column-gap: 8px;
  grid-column-gap: 8px;
  grid-column-gap: var(--gap-8, 8px);
  column-gap: var(--gap-8, 8px);
  padding: 8px 14px;
  padding: var(--pad-8-14-x, 8px 14px);
  box-sizing: border-box;
  color: var(--orange700) !important;
  background: #FFFFFF80 !important;
}

.SlotMachineMessageContent_ctaGif__H5-EA {
  width: 100%;
  height: auto;
  max-height: 24px;
  object-fit: contain;
  display: block;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}

.SlotMachineMessageContent_ctaLabel__nurE\+ {
  justify-self: center;
}

.SlotMachineMessageContent_ctaButton__4-CZY:active {
  transform: translateY(1px);
}

.SlotMachineMessageContent_ombreBlend__WoS5N::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 35%;
  z-index: 0;

  --brandBlue: var(--blue700, #2a6fdb);

  background: linear-gradient(
    45deg,
    color-mix(in srgb, var(--brandBlue) 70%, transparent) 0%,
    color-mix(in srgb, var(--brandBlue) 70%, transparent) 68%,
    color-mix(in srgb, var(--primaryMain) 70%, transparent) 82%,
    color-mix(in srgb, var(--primaryMain) 70%, transparent) 100%
  );

  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0,0,0,1.0) 0%,
    rgba(0,0,0,0.90) 10%,
    rgba(0,0,0,0.55) 30%,
    rgba(0,0,0,0.25) 55%,
    rgba(0,0,0,0.08) 75%,
    rgba(0,0,0,0.00) 100%
  );
          mask-image: linear-gradient(
    to top,
    rgba(0,0,0,1.0) 0%,
    rgba(0,0,0,0.90) 10%,
    rgba(0,0,0,0.55) 30%,
    rgba(0,0,0,0.25) 55%,
    rgba(0,0,0,0.08) 75%,
    rgba(0,0,0,0.00) 100%
  );

  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  pointer-events: none;
}

.SlotMachineMessageContent_contentStack__PVJ1W, .SlotMachineMessageContent_left__JuVfg, .SlotMachineMessageContent_right__VAs4m { 
  position: relative;
  z-index: 1; 
}

.SlotMachineMessageContent_winHeadline__6gX5X {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5ch;
  row-gap: 0.25em;  
  margin: 0;
  font-family: var(--typographyFontFamily);
  line-height: 1.2;
}

.SlotMachineMessageContent_winLead__ZdQRY {
  font-family: "Honey Script", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 2.2rem;
  color: var(--primaryMain);
  display: inline;
}

.SlotMachineMessageContent_winRest__GTv3p {
  font: var(--typographyFontFamily);
  font-size: 12px;
}

.SlotMachineAfterWinAnimation_rootContainer__BeHTK {
  height: 100px;
  width: 100px;
}

.SlotMachineAfterWinAnimation_topCircle__4YfN5 {
  display: flex;
  justify-content: center;
  position: absolute;
  background-color: var(--primaryBackground);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: -20px;
  left: calc(50% - 10px);
  translate: -50%;
  border: var(--borderWidth100) solid var(--orange700);
}

.SlotMachineAfterWinAnimation_topCircle__4YfN5::before {
  content: '';
  position: absolute;
  background-color: var(--primaryBackground);
  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);
  }
}

.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: 70px;
  height: 70px;
  object-fit: cover;
  z-index: 1;
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
}

/* Only apply these styles when expanded */
.VideoPopout_expandedBox__pDGea .VideoPopout_video__-bCkS {
  cursor: pointer;
}

.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;
}

/* Legacy controls for expanded video only */
.VideoPopout_expandedBox__pDGea .VideoPopout_videoControls__DpL9q{
  position: absolute;
  display: flex;
  top: 70px;
  left: 5px;
  z-index: 1;
}

.VideoPopout_expandedBox__pDGea .VideoPopout_videoButton__FMSs9{
  color: white;
  background: black;
  border-radius: 50%;
  border: var(--borderWidth100) solid white;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

/* VideoPopout-specific avatar styles */
.VideoPopout_avatarContainer__NSU93 {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  pointer-events: auto;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  width: 90px;
  height: 90px;
  position: relative;
}

.VideoPopout_avatarVideo__BaZEy {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  object-fit: cover;
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.VideoPopout_progressRing__57Ryk {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: auto;
  z-index: 3;
  touch-action: none;
}

.VideoPopout_videoControls__DpL9q {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 30px;
  display: flex;
  z-index: 5;
  pointer-events: auto;
}

.VideoPopout_videoControls__DpL9q > div {
  border-radius: 15px !important;
  overflow: hidden;
  display: flex !important;
  flex-direction: row !important;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  border: var(--borderWidth100) solid rgba(255, 255, 255, 0.6) !important;
}

.VideoPopout_videoControls__DpL9q > div > section {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.VideoPopout_videoControls__DpL9q > div > section > main {
  display: flex !important;
  height: 100% !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
}

.VideoPopout_controlSection__3QgWk {
  flex: 1 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
  pointer-events: auto;
}

.VideoPopout_controlSectionLeft__VyyUT {
  justify-content: flex-end;
  padding-right: 4px;
}

.VideoPopout_controlSectionRight__kW9vE {
  justify-content: flex-start;
  padding-left: 4px;
}

.VideoPopout_controlSection__3QgWk svg {
  font-size: 16px;
  color: var(--orange800);
  transition: color 0.2s ease, filter 0.2s ease;
}

.VideoPopout_controlSection__3QgWk:hover svg {
  color: white;
  filter: drop-shadow(0 0 1px black);
}

.VideoPopout_controlDivider__oBIuj {
  width: 1px;
  background: var(--orange800);
  margin: 4px 0;
  height: calc(100% - 8px);
  align-self: center;
}





@media (max-width: 900px) {
  .VideoPopout_videoBox__87zvN .VideoPopout_expandedVideo__jyEhE{
    /* width: 50vw; */
  }

  .VideoPopout_expandedBox__pDGea{
    width: 50vw;
  }

  .VideoPopout_addMargin__49\+rx{
    margin-bottom: 200px;
  }
}

.VideoPopout_playButtonPulse__VRxu- {
  animation: VideoPopout_pulse__bROm6 1.5s infinite;
  border-radius: 15px;
}

.VideoPopout_playButtonPulse__VRxu- svg {
  animation: VideoPopout_pulseColor__PHM\+r 1.5s infinite;
}

@keyframes VideoPopout_pulse__bROm6 {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 105, 180, 0.7);
  }
  50% {
    transform: scale(1.3);
    box-shadow: 0 0 0 15px rgba(255, 105, 180, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 105, 180, 0);
  }
}

@keyframes VideoPopout_pulseColor__PHM\+r {
  0% {
    color: var(--orange800);
    filter: drop-shadow(0 0 5px rgba(255, 105, 180, 0.8));
  }
  50% {
    color: #ff69b4;
    filter: drop-shadow(0 0 10px rgba(255, 105, 180, 1));
  }
  100% {
    color: var(--orange800);
    filter: drop-shadow(0 0 5px rgba(255, 105, 180, 0.8));
  }
}

.VideoPopout_progressClickArea__XrlIW {
  pointer-events: all;
  cursor: pointer;
}

.VideoPopout_centerPlayButton__XrZYH {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 15;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto;
}

.VideoPopout_centerPlayButton__XrZYH svg {
  font-size: 30px;
  color: white;
}

@media (max-width: 768px) {
  .VideoPopout_controlSection__3QgWk:hover svg,
  .VideoPopout_controlSection__3QgWk:active svg,
  .VideoPopout_controlSection__3QgWk:focus svg {
    color: var(--orange800) !important;
    filter: none !important;
  }
}

@media (min-width: 900px){
  .VideoPopout_toTheRight__HAg4x{
    left: 330px !important;
    top: -55px !important;
  }
}

.VideoPopout_animatedVideoIcon__q6P7y{
  cursor: pointer;
  background-color: var(--blue901);
}


.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;
  }
}

.CurrentWorkflowProgress_text__mlgie {
  color: inherit;
  font-size: 10px;
  line-height: 1.1;
  display: block;
  width: 100%;
  text-align: center;
}

.CurrentWorkflowProgress_class__AUgqJ progress {
  -webkit-appearance: none;
  appearance: none;
  border: var(--borderWidth000);
  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 {
  -webkit-appearance: none;
  appearance: none;
  border: var(--borderWidth000);
  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: -webkit-fit-content;
  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;
}

.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: var(--borderWidth100) 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;
}

.DisclaimerMessageContent_pillClickable__RBZ-S {
  padding: 5px;
  border-radius: 50px;
  cursor: pointer;
  color: var(--orange900) !important;
  display: flex;
  align-items: center;
  text-align: left;
  transition: transform 0.2s ease-in-out;
  transform: scale(1);
}

.DisclaimerMessageContent_pillClickable__RBZ-S:hover {
  transform: scale(1.05);
}

.DisclaimerMessageContent_pillIcon__sDKtA {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}

.DisclaimerMessageContent_pillText__vkHgF {
  color: var(--orange900) !important;
}

@media (max-width: 900px) {
  .DisclaimerMessageContent_isSeparate__S281z {
    width: calc(100% - 50px);
  }
}

.MessageContent_style__wk0lr {
  /* border: var(--borderWidth100) 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(--orange500); */
  width: -webkit-fit-content;
  width: fit-content;
  /* max-width: 60%; */
}

.MessageContent_internal__jQ78t {
  border: var(--borderWidth100) solid var(--peach020);
  background-color: var(--gray400);
}

.MessageContent_isAIMessage__xP6Ty {
  background-color: var(--purple100);
  color: var(--chatBubblesFallbackTextColor);
}

.MessageContent_sentByCurrentUser__PP5Nw {
  /* background-color: var(--gray000); */
}

.MessageContent_peNone__TOPrw {
  pointer-events: none;
}

.MessageContent_peAll__vhK36 {
  pointer-events: all;
}

.MessageContent_msgTimeContainer__-TO-X {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  align-self: stretch;
}

@media (max-width: 900px) {
  .MessageContent_style__wk0lr {
    max-width: 90%;
  }
}

.WelcomeUserMessageContent_topSectionStyle__vAETp {
  color: var(--orange700);
  /* background-color: var(--orange900); */
  background-color: var(--chatBubblesWelcomeTitleBackColor);
  border-radius: 12px 12px 0px 0px;
  font-family: Poppins;
  font-weight: 600;
  font-size: 0.9rem;
  width: 100%;
  padding-top: 0;
  padding-bottom: 7px;
  padding-left: 14px;
  padding-right: 7px;
}

.WelcomeUserMessageContent_topSectionStyleEndMessage__ikiLw {
  /* color: var(--white100); */
  /* background-color: var(--orange900); */
  border-radius: 8px;
  font-family: Poppins;
  font-weight: 600;
  font-size: 12px;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  padding-left: 13px;
  padding-right: 13px;
}

.WelcomeUserMessageContent_titleSpanEndMessage__WEwAw {
  font-weight: 400;
}

.WelcomeUserMessageContent_subTitleSpanEndMessage__HYD4i {
  font-weight: 400;
}

.WelcomeUserMessageContent_subTitleSpanEndMessage__HYD4i a {
  font-weight: 600;
  color: #0015d8 !important;
}


.WelcomeUserMessageContent_titleSpan__7o2rd {
  font-weight: 700;
}

.WelcomeUserMessageContent_subTitleSpan__rKMnf {
  font-weight: 700;
}

.WelcomeUserMessageContent_subTitleSpan__rKMnf a,
.WelcomeUserMessageContent_titleSpan__7o2rd a {
  font-weight: 600;
  color: #0015d8 !important;
}

.WelcomeUserMessageContent_topSectionStyle__vAETp a,
.WelcomeUserMessageContent_topSectionStyleEndMessage__ikiLw a {
  color: #FFF;
}

@media (max-width: 900px) {

  .WelcomeUserMessageContent_topSectionStyle__vAETp {
    font-size: 0.75rem;
  }
}

.WelcomeUserMessageContent_videoBg__Uiq6M {
  /* background-color: #fff3ee; */
  /* color: #FFF; */
  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: -webkit-max-content;
  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: -webkit-max-content;
  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 */
  -webkit-clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);
          clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);
}

@keyframes WelcomeUserMessageContent_loading__EgUEa {
  0% {
    left: -150%;
  }

  100% {
    left: 150%;
  }
}

.WelcomeUserMessageContent_bottomTop__A2gvn {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  justify-content: start;
  width: 100%;
  padding-left: 14px;
  align-items: center;
  /* color: #FFF; */
}

.WelcomeUserMessageContent_bottomTopLeft__JcQ83 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  padding: 8px;
  font-weight: 500;
  z-index: 2;
  font-size: 13px;
  font-family: 'Poppins';
}

.WelcomeUserMessageContent_bottomTopMiddle__xOo2V {
  background-color: #f9ccb2;
  width: 45px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 30px;
  -webkit-clip-path: polygon(0 0, 45% 0, 100% 100%, 0% 100%);
          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);
}

.WelcomeUserMessageContent_endMessageWrapper__A\+Jg5 {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

.WelcomeUserMessageContent_endMessageContainer__8CuBI {
  position: relative;
  max-width: 400px;
  min-width: 350px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  -webkit-backdrop-filter: blur(8px) saturate(180%);
          backdrop-filter: blur(8px) saturate(180%);
  border: var(--borderWidth100) solid var(--orange900);
  z-index: 2;
}

.WelcomeUserMessageContent_gradientCircle1__FY01D {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(117, 19, 242, 0.6) 0%, rgba(117, 19, 242, 0.24) 20%, rgba(117, 19, 242, 0.12) 40%, rgba(117, 19, 242, 0.06) 60%, rgba(117, 19, 242, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  bottom: -31px;
  left: -23px;
  z-index: 1;
  animation: WelcomeUserMessageContent_slideLeftEndMessage1__MSSnG 25s linear infinite;
}

.WelcomeUserMessageContent_gradientCircle2__28\+eM {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 84, 28, 0.6) 0%, rgba(255, 84, 28, 0.24) 20%, rgba(255, 84, 28, 0.12) 40%, rgba(255, 84, 28, 0.06) 60%, rgba(255, 84, 28, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  top: -25px;
  right: -25px;
  z-index: 1;
  animation: WelcomeUserMessageContent_slideLeftEndMessage2__rl-na 25s linear infinite -5s;
}

.WelcomeUserMessageContent_gradientCircle3__AlGn3 {
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(28, 221, 255, 0.6) 0%, rgba(28, 221, 255, 0.24) 20%, rgba(28, 221, 255, 0.12) 40%, rgba(28, 221, 255, 0.06) 60%, rgba(28, 221, 255, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  bottom: -31px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  animation: WelcomeUserMessageContent_slideLeftEndMessage3__7ByCh 25s linear infinite -10s;
}

.WelcomeUserMessageContent_gradientCircle4__850Zc {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(157, 28, 255, 0.6) 0%, rgba(157, 28, 255, 0.24) 20%, rgba(157, 28, 255, 0.12) 40%, rgba(157, 28, 255, 0.06) 60%, rgba(157, 28, 255, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  top: 20%;
  left: 100%;
  z-index: 1;
  animation: WelcomeUserMessageContent_slideLeftEndMessage4__bGbeM 25s linear infinite -15s;
}

.WelcomeUserMessageContent_gradientCircle5__nKOBs {
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 84, 28, 0.6) 0%, rgba(255, 84, 28, 0.24) 20%, rgba(255, 84, 28, 0.12) 40%, rgba(255, 84, 28, 0.06) 60%, rgba(255, 84, 28, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  z-index: 1;
  animation: WelcomeUserMessageContent_slideLeftEndMessage5__PFHfo 25s linear infinite -20s;
}

.WelcomeUserMessageContent_endMessageContainer__8CuBI > .WelcomeUserMessageContent_endMessageTop__cVdDO,
.WelcomeUserMessageContent_endMessageContainer__8CuBI > .WelcomeUserMessageContent_endMessageBottom__rFODz {
  position: relative;
  z-index: 2;
}

.WelcomeUserMessageContent_endMessageTop__cVdDO {
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--orange900);
  text-align: center;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 600;
}

.WelcomeUserMessageContent_endMessageBottom__rFODz {
  height: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.WelcomeUserMessageContent_endMessageButtonLeft__C2u9u,
.WelcomeUserMessageContent_endMessageButtonRight__Y0vkK {
  flex: 1 1;
  height: 100%;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: opacity 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 5px;
  text-align: center;
  padding-right: 37px;
}

.WelcomeUserMessageContent_authButtons__vPIAL {
  display: flex;
  align-items: center;
  gap: 5px;
}

.WelcomeUserMessageContent_signInButton__KB93V,
.WelcomeUserMessageContent_signUpButton__R1D3b {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  padding: 0;
}

.WelcomeUserMessageContent_signInButton__KB93V:hover,
.WelcomeUserMessageContent_signUpButton__R1D3b:hover {
  opacity: 0.8;
}

.WelcomeUserMessageContent_separator__dasWD {
  color: black;
  font-weight: bold;
  margin: 0 2px;
}

.WelcomeUserMessageContent_trainingButton__EzkWk {
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.WelcomeUserMessageContent_defaultGreeting__qo7YQ {
  max-width: 400px;
  padding: 5px;
}

.WelcomeUserMessageContent_buttonIcon__2orsg {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.WelcomeUserMessageContent_buttonIconImage__CDp1p {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.WelcomeUserMessageContent_leftButtonIcon__\+Rt6h {
  transform: translate(-1px, 2px);
}

.WelcomeUserMessageContent_endMessageButtonLeft__C2u9u {
  background-color: transparent;
  color: black;
}

.WelcomeUserMessageContent_endMessageButtonRight__Y0vkK {
  background-color: transparent;
  color: black;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.WelcomeUserMessageContent_endMessageButtonLeft__C2u9u:hover {
  opacity: 0.8;
  color: rgba(0, 0, 0, 0.8);
}

.WelcomeUserMessageContent_signInButton__KB93V:hover,
.WelcomeUserMessageContent_signUpButton__R1D3b:hover {
  opacity: 0.8;
}

@keyframes WelcomeUserMessageContent_slideLeftEndMessage1__MSSnG {
  0% {
    left: -23px;
  }
  50% {
    left: calc(-100% - 200px);
  }
  50.01% {
    left: 100%;
  }
  100% {
    left: -23px;
  }
}

@keyframes WelcomeUserMessageContent_slideLeftEndMessage2__rl-na {
  0% {
    right: -25px;
  }
  50% {
    right: calc(-100% - 200px);
  }
  50.01% {
    right: calc(-100% - 200px);
  }
  100% {
    right: -25px;
  }
}

@keyframes WelcomeUserMessageContent_slideLeftEndMessage3__7ByCh {
  0% {
    left: 50%;
  }
  50% {
    left: calc(-100% - 200px);
  }
  50.01% {
    left: 100%;
  }
  100% {
    left: 50%;
  }
}

@keyframes WelcomeUserMessageContent_slideLeftEndMessage4__bGbeM {
  0% {
    left: 100%;
  }
  100% {
    left: calc(-100% - 200px);
  }
}

@keyframes WelcomeUserMessageContent_slideLeftEndMessage5__PFHfo {
  0% {
    left: 100%;
  }
  100% {
    left: calc(-100% - 200px);
  }
}

@media (max-width: 500px) {
  .WelcomeUserMessageContent_endMessageContainer__8CuBI {
    min-width: 300px;
    max-width: 325px;
  }
  
  .WelcomeUserMessageContent_endMessageBottom__rFODz {
    height: 60px;
  }
  
  .WelcomeUserMessageContent_endMessageButtonLeft__C2u9u,
  .WelcomeUserMessageContent_endMessageButtonRight__Y0vkK {
    flex-direction: column;
    gap: 4px;
    padding-right: 5px;
    font-size: 11px;
  }
}

.StarterBox_endMessageWrapper__WCWO8 {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  z-index: 0;
}

.StarterBox_gradientCircle1__t\+Tt6 {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(117, 19, 242, 0.6) 0%, rgba(117, 19, 242, 0.24) 20%, rgba(117, 19, 242, 0.12) 40%, rgba(117, 19, 242, 0.06) 60%, rgba(117, 19, 242, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  bottom: -31px;
  left: -23px;
  z-index: 1;
  animation: StarterBox_slideLeftEndMessage1__QtzKP 25s linear infinite;
}

.StarterBox_gradientCircle2__OOXi- {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 84, 28, 0.6) 0%, rgba(255, 84, 28, 0.24) 20%, rgba(255, 84, 28, 0.12) 40%, rgba(255, 84, 28, 0.06) 60%, rgba(255, 84, 28, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  top: -25px;
  right: -25px;
  z-index: 1;
  animation: StarterBox_slideLeftEndMessage2__HwiBp 25s linear infinite -5s;
}

.StarterBox_gradientCircle3__agKQg {
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(28, 221, 255, 0.6) 0%, rgba(28, 221, 255, 0.24) 20%, rgba(28, 221, 255, 0.12) 40%, rgba(28, 221, 255, 0.06) 60%, rgba(28, 221, 255, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  bottom: -31px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  animation: StarterBox_slideLeftEndMessage3__Ihom4 25s linear infinite -10s;
}

.StarterBox_gradientCircle4__3NHKZ {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(157, 28, 255, 0.6) 0%, rgba(157, 28, 255, 0.24) 20%, rgba(157, 28, 255, 0.12) 40%, rgba(157, 28, 255, 0.06) 60%, rgba(157, 28, 255, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  top: 20%;
  left: 100%;
  z-index: 1;
  animation: StarterBox_slideLeftEndMessage4__qnwd5 25s linear infinite -15s;
}

.StarterBox_gradientCircle5__4Kh2u {
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 84, 28, 0.6) 0%, rgba(255, 84, 28, 0.24) 20%, rgba(255, 84, 28, 0.12) 40%, rgba(255, 84, 28, 0.06) 60%, rgba(255, 84, 28, 0.03) 80%, transparent 100%);
  filter: blur(1px);
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  z-index: 1;
  animation: StarterBox_slideLeftEndMessage5__VVnbK 25s linear infinite -20s;
}

.StarterBox_endMessageContainer__Vnq3P {
  position: relative;
  max-width: 400px;
  min-width: 350px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  -webkit-backdrop-filter: blur(8px) saturate(180%);
          backdrop-filter: blur(8px) saturate(180%);
  border: var(--borderWidth100) solid var(--orange900);
  z-index: 2;
}

.StarterBox_textSection__wSyta {
  padding-top: 15px;
  text-align: center;
  color: black;
}

.StarterBox_textSection__wSyta p {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  max-width: 310px;
}

.StarterBox_bottomSection__AYNwj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
}

.StarterBox_appsButtonContainer__VspvK {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

.StarterBox_iconCircle__Cuw2D {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}

.StarterBox_iconImage__4xEXs {
  width: 15px;
  height: 15px;
}

.StarterBox_playButtonIcon__LRIcy {
  width: 20px;
  height: 20px;
  color: var(--orange900);
}

.StarterBox_appsButton__usauB {
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  padding: 0;
  flex: 1 1;
  text-align: center;
}

.StarterBox_authButtonsContainer__-DBu\+ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

.StarterBox_authButtons__cASV9 {
  display: flex;
  align-items: center;
  gap: 5px;
  flex: 1 1;
}

.StarterBox_signInButton__9criQ {
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  padding: 0;
}

.StarterBox_separator__UDrAd {
  color: black;
  font-size: 10px;
  font-weight: bold;
  margin: 0 2px;
}

.StarterBox_signUpButton__QF0X8 {
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  padding: 0;
}

.StarterBox_trainingButton__chxDT {
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  padding: 0;
  flex: 1 1;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.StarterBox_signInButton__9criQ:hover,
.StarterBox_signUpButton__QF0X8:hover,
.StarterBox_appsButton__usauB:hover,
.StarterBox_trainingButton__chxDT:hover {
  opacity: 0.8;
}

@keyframes StarterBox_slideLeftEndMessage1__QtzKP {
  0% {
    left: -23px;
  }
  50% {
    left: calc(-100% - 200px);
  }
  50.01% {
    left: 100%;
  }
  100% {
    left: -23px;
  }
}

@keyframes StarterBox_slideLeftEndMessage2__HwiBp {
  0% {
    right: -25px;
  }
  50% {
    right: calc(-100% - 200px);
  }
  50.01% {
    right: calc(-100% - 200px);
  }
  100% {
    right: -25px;
  }
}

@keyframes StarterBox_slideLeftEndMessage3__Ihom4 {
  0% {
    left: 50%;
  }
  50% {
    left: calc(-100% - 200px);
  }
  50.01% {
    left: 100%;
  }
  100% {
    left: 50%;
  }
}

@keyframes StarterBox_slideLeftEndMessage4__qnwd5 {
  0% {
    left: 100%;
  }
  100% {
    left: calc(-100% - 200px);
  }
}

@keyframes StarterBox_slideLeftEndMessage5__VVnbK {
  0% {
    left: 100%;
  }
  100% {
    left: calc(-100% - 200px);
  }
}

@media (max-width: 500px) {
  .StarterBox_endMessageContainer__Vnq3P {
    min-width: 300px;
    max-width: 325px;
  }
  
  .StarterBox_bottomSection__AYNwj {
    flex-direction: row;
    padding: 10px 5px 5px 5px;
  }
  
  .StarterBox_appsButtonContainer__VspvK,
  .StarterBox_authButtonsContainer__-DBu\+ {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
  }
}

.StarsEffect_starsWrapper__aVrbJ {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px;
  overflow: hidden;
}

.StarsEffect_contentWrapper__R5tp- {
  position: relative;
  z-index: 2;
  display: block;
  overflow: hidden;
}

.StarsEffect_floatingStar__2QKff {
  position: absolute;
  opacity: 0.6;
  animation: StarsEffect_starFloat__22sd- 24s infinite ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.StarsEffect_floatingStar__2QKff img {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 4px rgba(138, 43, 226, 0.4));
}

@keyframes StarsEffect_starFloat__22sd- {
  0%, 100% {
    transform: translateY(0) translateX(0) rotate(0deg);
  }
  25% {
    transform: translateY(-3px) translateX(2px) rotate(90deg);
  }
  50% {
    transform: translateY(-1px) translateX(-2px) rotate(180deg);
  }
  75% {
    transform: translateY(2px) translateX(1px) rotate(270deg);
  }
}

.ErrandsTitle_class__lRa9y {
  interpolate-size: allow-keywords;
  padding: 5px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  height: 56px;
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  color: var(--gray000);
  background-size: cover;
}
.ErrandsTitle_class__lRa9y[data-desktop="false"] {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.ErrandsTitle_class__lRa9y[data-rope-open="true"] {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.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);
  font-family: var(--typographyFontFamily);
}

.ErrandsTitle_heading__up3pz {
  width: 100%;
}

.ErrandsTitle_class__lRa9y > p {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}

.ErrandsTitle_class__lRa9y > p:nth-of-type(1) {
  transform: translateX(0);
  display: flex;
  justify-content: center;
  font-size: 16px; 
}

.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: var(--borderWidth000);
  }
  .ErrandsTitle_class__lRa9y > p {
    font-size: 14px;
  }
}

.ErrandsTitle_searchButton__tdeU- > span:first-of-type {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}
.ErrandsTitle_searchButton__tdeU- > span:first-of-type::before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 40%;
    background: var(--gray000);
    position: absolute;
    left: 75%;
    top: 75%;
}
.ErrandsTitle_searchButton__tdeU- > span:first-of-type::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 50%;
    height: 50%;
    border: var(--borderWidth240) solid var(--gray000);
    border-radius: 50%;
    top: 40%;
    left: 40%;
    transform: translate(-50%, -50%) rotate(0deg);
    transition: transform 0.3s;
}
.ErrandsTitle_class__lRa9y.ErrandsTitle_isExpanded__QtLOP > button > span:first-of-type::before,
.ErrandsTitle_class__lRa9y.ErrandsTitle_isExpanded__QtLOP > button > span:first-of-type::after {
  display: none;
}

.ErrandsTitle_class__lRa9y.ErrandsTitle_isExpanded__QtLOP > button > svg {
  width: 20px;
  height: 20px;
}

.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: var(--borderWidth200) 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: -webkit-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  color: var(--gray950);
  background: transparent;
}

.ErrandsTitle_menuButton__NvKJV > span::before,
.ErrandsTitle_menuButton__NvKJV > span::after {
  display: none !important;
}

.ErrandsTitle_menuButton__NvKJV {
  padding: 8px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
}

.ErrandsTitle_menuStyling__KbU26 {
  /* Reusable menu styling */
}

.ErrandsTitle_errandTitleRight__nS5aY {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.ErrandsTitle_errandTitleLeft__MNo28 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.ErrandsTitle_errandTitleLeftExpand__W22vq {
  min-width: 80px;
}

.ErrandsTitle_searchIcon__wnPtq {
  width: 28px;
  height: 28px;
}

.EndWorkflowEffects_effectsWrapper__ZqvxO {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px;
  overflow: hidden;
}

.EndWorkflowEffects_contentWrapper__PEwdv {
  position: relative;
  z-index: 2;
  display: block;
  overflow: hidden;
}

.EndWorkflowEffects_floatingHeart__X4mn7 {
  position: absolute;
  opacity: 0.7;
  animation: EndWorkflowEffects_heartFloat__YAS\+h 4s infinite ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.EndWorkflowEffects_floatingHeart__X4mn7 img {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 3px rgba(255, 105, 180, 0.4));
}

.EndWorkflowEffects_twinklingStar__b1k3W {
  position: absolute;
  opacity: 0.8;
  animation: EndWorkflowEffects_starTwinkle__ytynN 2s infinite ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.EndWorkflowEffects_twinklingStar__b1k3W img {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.5));
}

.EndWorkflowEffects_twinklingSparkle__64rFH {
  position: absolute;
  opacity: 0.9;
  animation: EndWorkflowEffects_sparkleTwinkle__dJSQA 1.5s infinite ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.EndWorkflowEffects_twinklingSparkle__64rFH img {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.6));
}

@keyframes EndWorkflowEffects_heartFloat__YAS\+h {
  0% {
    transform: translateY(0) translateX(0) scale(1);
  }
  25% {
    transform: translateY(-8px) translateX(5px) scale(1.1);
  }
  50% {
    transform: translateY(-4px) translateX(-3px) scale(1);
  }
  75% {
    transform: translateY(6px) translateX(4px) scale(0.9);
  }
  100% {
    transform: translateY(0) translateX(0) scale(1);
  }
}

@keyframes EndWorkflowEffects_starTwinkle__ytynN {
  0% {
    opacity: 0.8;
    transform: scale(1) rotate(0deg);
  }
  50% {
    opacity: 0.3;
    transform: scale(0.7) rotate(180deg);
  }
  100% {
    opacity: 0.8;
    transform: scale(1) rotate(360deg);
  }
}

@keyframes EndWorkflowEffects_sparkleTwinkle__dJSQA {
  0% {
    opacity: 0.9;
    transform: scale(1);
  }
  25% {
    opacity: 0.2;
    transform: scale(1.3);
  }
  50% {
    opacity: 0.9;
    transform: scale(0.8);
  }
  75% {
    opacity: 0.4;
    transform: scale(1.2);
  }
  100% {
    opacity: 0.9;
    transform: scale(1);
  }
}

.SunEffect_sunWrapper__zkvih {
  position: relative;
  display: block;
  width: 100%;
  padding: 60px 20px 10px 20px;
  overflow: hidden;
}

.SunEffect_largeSun__Lutt0 {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  animation: SunEffect_glow__PZtmK 3s infinite ease-in-out;
}

.SunEffect_largeSun__Lutt0 img {
  width: 60px;
  height: 60px;
  filter: drop-shadow(0 0 8px rgba(255, 193, 7, 0.6));
}

.SunEffect_contentWrapper__BHY7u {
  position: relative;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
}

.SunEffect_floatingSun__KNBqo {
  position: absolute;
  opacity: 1;
  animation: SunEffect_sunFloat__aUTWN 3s infinite ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.SunEffect_floatingSun__KNBqo img {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 4px rgba(255, 193, 7, 0.4));
}

@keyframes SunEffect_glow__PZtmK {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    filter: drop-shadow(0 0 8px rgba(255, 193, 7, 0.6));
  }
  50% {
    transform: translateX(-50%) scale(1.1);
    filter: drop-shadow(0 0 12px rgba(255, 193, 7, 0.8));
  }
}

@keyframes SunEffect_sunFloat__aUTWN {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg);
  }
  25% {
    transform: translateY(-10px) translateX(8px) rotate(90deg);
  }
  50% {
    transform: translateY(-5px) translateX(-6px) rotate(180deg);
  }
  75% {
    transform: translateY(8px) translateX(5px) rotate(270deg);
  }
  100% {
    transform: translateY(0) translateX(0) rotate(360deg);
  }
}

.CloudySunEffects_afternoonWrapper__ZPNXf {
  position: relative;
  display: block;
  width: 100%;
  padding: 60px 20px 10px 20px;
  overflow: hidden;
}

.CloudySunEffects_largeCloudWithSun__cy8U\+ {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  animation: CloudySunEffects_gentleSway__-zR8f 4s infinite ease-in-out;
}

.CloudySunEffects_largeCloudWithSun__cy8U\+ img {
  width: 60px;
  height: 60px;
  filter: drop-shadow(0 0 8px rgba(135, 206, 235, 0.4));
}

.CloudySunEffects_contentWrapper__VWXrH {
  position: relative;
  z-index: 2;
  display: inline-block;
  overflow: hidden;
}

.CloudySunEffects_floatingCloud__UrQ3E {
  position: absolute;
  opacity: 0.6;
  animation: CloudySunEffects_cloudFloat__HTpf1 8s infinite ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.CloudySunEffects_floatingCloud__UrQ3E img {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 4px rgba(135, 206, 235, 0.3));
}

.CloudySunEffects_floatingSun__6lgcr {
  position: absolute;
  opacity: 1;
  animation: CloudySunEffects_sunFade__\+r5KI 3s infinite ease-in-out;
  pointer-events: none;
  z-index: 1;
}

.CloudySunEffects_floatingSun__6lgcr img {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 4px rgba(255, 193, 7, 0.4));
}

@keyframes CloudySunEffects_gentleSway__-zR8f {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-5px);
  }
}

@keyframes CloudySunEffects_cloudFloat__HTpf1 {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateX(-2px) translateY(-8px);
  }
  50% {
    transform: translateY(-15px);
  }
  75% {
    transform: translateX(2px) translateY(-8px);
  }
}

@keyframes CloudySunEffects_sunFade__\+r5KI {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}

.ErrandsFooter_errandsFooterContainer__1EmRh {
  display: flex;
  flex-direction: column;
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 6px 2%;
  border-radius: 10px;
  box-shadow: 0 1px 6px rgb(134 210 255 / 30%);
  width: auto;
  animation: ErrandsFooter_slideInFromBottom__lZyD- 0.3s ease-out;
}

@keyframes ErrandsFooter_slideInFromBottom__lZyD- {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.ErrandsFooter_slideOut__AEzH5 {
  animation: ErrandsFooter_slideOutToBottom__syvVG 0.3s ease-in forwards;
}

@keyframes ErrandsFooter_slideOutToBottom__syvVG {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_buttonsContainer__mBzZz {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 1%;
  overflow: visible;
  width: 100%;
}

.ErrandsFooter_hidden__jFduL {
  display: none;
}

.ErrandsFooter_errandsFooterContainer__1EmRh[data-desktop="false"] {
  padding-left: 1%;
  padding-right: 1%;
}

.ErrandsFooter_errandsFooterContainer__1EmRh[data-desktop="false"] {
  background: transparent;
  font-size: 13px;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_newErrandButtonWrapper__Ag5hz {
  border-radius: 9999px;
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  align-self: stretch;
  background: transparent;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_newErrandButtonContainer__uDlAp {
  background: transparent;
  height: 100%;
  z-index: 1;
  transition: all 0.3s ease;
  color: var(--orange700);
  font-weight: 600;
  font-family: var(--typographyFontFamily);
  width: 100%;
}

@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: var(--borderWidth100) solid var(--gray000);
  background-repeat: no-repeat;
  margin-right: 2px;
}

.ErrandsFooter_errandsFooterContainer__1EmRh {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.3s ease;
  font-size: 14px;
}

.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,
.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_newErrandButtonWrapper__Ag5hz {
  background-size: cover;
  background-blend-mode: overlay;
  transition: all 0.3s ease;
}

.ErrandsFooter_sideButtonImgWrapper__BafI1 {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ErrandsFooter_downloadAppIcon__PEJEt {
  width: 28px !important;
  height: 28px !important;
}

.ErrandsFooter_newErrandIcon__nfruf {
  background-color: white;
  border-radius: 50%;
  width: 32px;
  height: 90%;
  margin-left: -6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ErrandsFooter_newErrandIcon__nfruf img {
  width: 65%;
}

.ErrandsFooter_clickable__Moy4g:active {
  transform: scale(0.95);
  transition: transform 0.1s ease;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtons__UG7yl {
  border-radius: 15px;
  aspect-ratio: 1/1;
  width: 55px;
  align-self: flex-end;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtons__UG7yl img {
  height: 26px;
  width: 26px;
  padding: 4px;
  filter: invert(50%) sepia(100%) saturate(2000%) hue-rotate(330deg) brightness(100%) contrast(150%);
}

.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;
}

/* .errandsFooterContainer .leftButton::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;
}
.errandsFooterContainer .rightButton::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 */

/* .errandsFooterContainer .sideButtonWrapper {
  bottom: -30px;
} */

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_sideButtonWrapper__Mv8d3:hover {
  bottom: 0px;
}

/* .errandsFooterContainer .leftButton::after, 
.errandsFooterContainer .rightButton::before {
  bottom: 35px;
  transition: opacity 0.3s ease, bottom 0.3s ease;
} */

/* .errandsFooterContainer .sideButtonWrapper:hover .leftButton::after,
.errandsFooterContainer .sideButtonWrapper:hover .rightButton::before {
  bottom: 5px;
  opacity: 1;
} */

.ErrandsFooter_errandsFooterContainer__1EmRh .ErrandsFooter_showMobileLabel__ySC5r {
  bottom: 0px !important;
}

/* .errandsFooterContainer .showMobileLabel .leftButton::after,
.errandsFooterContainer .showMobileLabel .rightButton::before {
  bottom: 5px;
  opacity: 1;
} */

.ErrandsFooter_customTooltipContainer__9lDRp {
  position: relative;
  pointer-events: none;
}

.ErrandsFooter_customTooltipContainer__9lDRp>div:first-child {
  pointer-events: all;
}

.ErrandsFooter_sideButtonAnimated__vJj9F {
  transform: translateY(-20px);
  transition: transform 0.3s ease;
}

.ErrandsFooter_customTooltip__\+jw\+I {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  border: var(--borderWidth100) solid white;
  text-shadow: 0 0 4px var(--blue999);
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 9px;
  color: white;
  white-space: normal;
  max-width: 120px;
  text-align: center;
  pointer-events: none;
  margin-top: -17px;
  font-family: var(--typographyFontFamily);
  z-index: 2;
}

.ErrandsFooter_customTooltipVisible__h\+QKy {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.ErrandsFooter_customTooltipHidden__5NaZ8 {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ErrandsFooter_customTooltipDesktop__8J1kK {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 11px;
}

.ErrandsFooter_buttonContainer__0x5oE {
  border: var(--borderWidth100) solid transparent;
  border-radius: 15px;
  width: 24%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  height: 72px;
}

.ErrandsFooter_buttonContainer__0x5oE.ErrandsFooter_clicked__Dam6v {
  box-shadow: 0 0px 2px rgb(140 212 255 / 50%) !important;
}

@keyframes ErrandsFooter_ripple__jG4qX {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

.ErrandsFooter_buttonContainer__0x5oE>img {
  width: 100%;
  padding: 8px;
}

.ErrandsFooter_buttonContainer__0x5oE:hover {
  box-shadow: 0 1px 6px rgb(140 212 255 / 30%);
}


.ErrandsFooter_footerButton__GQKGo {
  display: flex;
  flex-direction: column;
  flex: 1 1;
}

.ErrandsFooter_footerButtonText__R\+fQo {
  color: var(--orange965);
  font-size: 10px;
  min-height: 30px;
  text-align: center;
  display:flex;
  flex-direction: column;
  justify-content: center;
}

.ErrandsFooter_footerButtonImgWrapper__7Qi3d {
  min-height: 40px;
  width: 80%;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}

.ErrandsFooter_grayScaled__FT-Jf {
  filter: grayscale(100%);
}

.ErrandsFooter_grayScaledText__IpNP4 {
  color: var(--gray500) !important;
}


.ErrandsFooter_newErrandButton__55ctp {
  position: absolute;
  bottom: 95px;
  right: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--orange965);
  cursor: pointer;
}

.ErrandsFooter_newErrandButton__55ctp > img {
  width: 25px;
  height: 25px;
}

.ErrandsFooter_white-icon__bN13y {
  color: white !important;
}

@media (max-width: 900px) {
  .ErrandsFooter_newErrandButton__55ctp {
    bottom: 105px;
  }

  .ErrandsFooter_errandsFooterContainer__1EmRh {
    border: var(--borderWidth200) solid white;
  }
}
.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: var(--borderWidth100) 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: -webkit-fit-content;
  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: -webkit-max-content;
  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: -webkit-max-content;
  width: max-content;
}
.PrivateMessageContent_time__nCxWl div:last-child {
  font-size: 10px;
  color: var(--gray920);
  font-weight: bold;
  font-family: var(--typographyFontFamily);
  width: -webkit-max-content;
  width: max-content;
}

.ErrandsBody_ul__NOuqY {
  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-left: 8px;
  padding-right: 8px;

  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout style paint;

  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.ErrandsBody_ul__NOuqY li {
  display: flex;
}

.ErrandsBody_ul__NOuqY li {
  margin-bottom: 8px;
}

.ErrandsBody_ul__NOuqY li:nth-last-child(2) {
  margin-bottom: 0px;
}

.ErrandsBody_errandNotice__fcpfq {
  display: block;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: thin;
  color: var(--gray600);
  text-align: justify;
}

.ErrandsBody_noErrandNotice__YKM8g {
  color: #950079;
  font-weight: thin;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 90%;
}

/* Drag and drop styles */
.ErrandsBody_li__0p4Ft {
  transition: transform 0.2s ease;
  will-change: transform;

  /* Hardware Acceleration */
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout style paint;

  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.ErrandsBody_li__0p4Ft[data-dragging="true"] {
  z-index: 10;
  opacity: 0.9;
  transition: none;
}
div.AnalyzingAngel_fallback__\+iePV {
  width: 149px;
  height: 25px;
  border-radius: 10px;
  margin-bottom: 11px;
  border: var(--borderWidth100) solid var(--orange800);
}

.AnalyzingAngel_outerWrapper__UYf7u {
  max-width: min(90%, calc(100vw - 50px));
  z-index: 1;
}

.AnalyzingAngel_bubbleWrapper__Im6\+Z {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.AnalyzingAngel_gifWrapper__GXeEn {
  border-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

.AnalyzingAngel_gifImg__fIomv {
  width: 50px;
  height: 40px;
  animation: AnalyzingAngel_floatUpDown__dJx7D 2s ease-in-out infinite;

}

@keyframes AnalyzingAngel_floatUpDown__dJx7D {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

.AnalyzingAngel_messageWrapper__6C0tc {
  padding: 4px 8px 4px 2px;
  display: flex;
  align-items: center;
}

/* Carousel Text */
.AnalyzingAngel_carouselContainer__EqE\+k {
  display: inline-block;
  position: relative;
}

.AnalyzingAngel_carouselText__Bgafm {
  display: inline-block;
  color: var(--blue400);
  font-weight: 500;
  position: relative;
}

.AnalyzingAngel_carouselText__Bgafm::before {
  content: '';
  position: absolute;
  left: -16px;
  right: -16px;
  top: -6px;
  bottom: -6px;
  border-radius: 6px;
  z-index: -1;
  padding: 2px 24px;
}

.AnalyzingAngel_fadeIn__CZ2VJ {
  animation: AnalyzingAngel_scrollIn__Yab7- 0.5s ease-out forwards;
}

.AnalyzingAngel_fadeOut__94XTq {
  animation: AnalyzingAngel_scrollOut__KYTqe 0.5s ease-in forwards;
}

@keyframes AnalyzingAngel_scrollIn__Yab7- {
  0% { 
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes AnalyzingAngel_scrollOut__KYTqe {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% { 
    opacity: 0;
    transform: translateY(-15px);
  }
}

/* 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%;
  }
}

.Errand_container__Y2M3j {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  
  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout style paint;
  
  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.Errand_errand__xncPT {
  position: relative;
  width: 100%;
  border: var(--borderWidth200) solid white;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  padding: 4px 8px;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  z-index: 1;
  
  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout style paint;
  
  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.Errand_invertedRadius__IdPxs {
  --r: 10px;
  --s: 20px;
  --x: 0px;
  --y: 0px;

  border-bottom-left-radius: var(--r);
  --_m: /calc(2 * var(--r)) calc(2 * var(--r)) radial-gradient(#000 70%, #0000 72%);
  --_g: conic-gradient(from 180deg at var(--r) calc(100% - var(--r)), #0000 25%, #000 0);
  --_d: (var(--s) + var(--r));
  -webkit-mask: calc(var(--_d) + var(--x)) 100% var(--_m), 0 calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x))
      calc(-1 * var(--r) - var(--y)),
    var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(-1 * var(--_d) - var(--y));
          mask: calc(var(--_d) + var(--x)) 100% var(--_m), 0 calc(100% - var(--_d) - var(--y)) var(--_m),
    radial-gradient(var(--s) at 0 100%, #0000 99%, #000 calc(100% + 1px)) calc(var(--r) + var(--x))
      calc(-1 * var(--r) - var(--y)),
    var(--_g) calc(var(--_d) + var(--x)) 0, var(--_g) 0 calc(-1 * var(--_d) - var(--y));
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.Errand_errand__xncPT:hover,
.Errand_errand__xncPT.Errand_isDragging__4ytax {
  background-color: var(--gray050);
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button>h2,
.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button>p,
.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button>time{
  color: var(--orange994);
  /* text-shadow: 0 0px 1px rgba(0, 0, 0, 0.5); */
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>d>h2 {
  font-weight: 600;
}

.Errand_notificationCount__e6cOv {
  width: 16px;
  height: 16px;
  font-weight: 500;
  background-color: var(--orange700);
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: flex-start;
  box-shadow: 0 0 4px var(--orange700);
  animation: Errand_pulseGlow__w3S6i 3s infinite;
  font-size: 11px;
  margin-right: 5px;
}

.Errand_notificationCount__e6cOv > span {
  overflow: visible !important;
  font-size: 10px;
  margin-top: 1px;
}

@keyframes Errand_pulseGlow__w3S6i {
  0%, 100% {
    box-shadow: 0 0 4px var(--orange700);
  }
  50% {
    box-shadow: 0 0 4px var(--orange700), 0 0 6px var(--orange700);
  }
}

.Errand_threeDotsIcon__Oi9xk {
  pointer-events: auto;
  cursor: pointer;
  width: 40px;
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF, .Errand_errand__xncPT.Errand_isSelected__CMAKW {
  border: var(--borderWidth100) solid var(--orange994);
  background: linear-gradient(89.48deg, #FFFFFF 68.58%, #FDE3DB 88.59%);
  box-shadow: 0 0 4px solid var(--orange994);
  padding-top: 0;
}

.Errand_errand__xncPT.Errand_isMatch__0r5gF>div>button:first-child,
.Errand_errand__xncPT.Errand_isSelected__CMAKW>div>button:first-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.Errand_isClosed__8KxXZ>footer>button{
  grid-column: span 4;
}

.Errand_errand__xncPT.Errand_isClosed__8KxXZ>footer>button+div{
  display: none;
}

.Errand_errand__xncPT>footer>div {
  display: flex;
  flex-direction: column;
  grid-column: span 3;
  width: 100%;
  height: 40px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 100%;
  transition: left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  background-color: var(--orange700);
  border-radius: 6px;
  z-index: 100;
}
.Errand_errand__xncPT.Errand_isConfirm__f3\+3j>footer>div {
  left: 0;
}
.Errand_errand__xncPT>footer>div>div {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.Errand_errand__xncPT>footer>div>p,
.Errand_errand__xncPT>footer>div>div>span {
  color: var(--gray000);
  text-align: center;
  min-width: 6.0875rem;
  font-size: .75rem;
  font-weight: 400;
  font-family: 'Poppins';
}
.Errand_errand__xncPT>footer>div>button {
  position: absolute;
  top: 0;
  bottom: 0;
  cursor: pointer;
  width: 50%;
  left: 0;
}
.Errand_errand__xncPT>footer>div>button:nth-of-type(2) {
  left: 50%;
}
.Errand_errand__xncPT>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 60px;
  min-width: 100%;
  max-width: 100%;
}

/* .errand>div>button:first-child {
  position: relative;
  min-width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.errand.isChecked .waveMiddle::after,
.errand.isChecked>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.isChecked .waveMiddle::after {
  width: 20px;
  height: 20px;
  background-color: var(--shadow000);
  font-size: 20px;
} */

.Errand_showFooter__T7lOV {
  grid-template-rows: 1fr !important;
  max-height: none !important;
  transition: grid-template-rows 0.3s ease-in-out, max-height 0.3s ease-in-out !important;
}

.Errand_errand__xncPT.Errand_isConfirm__f3\+3j > footer {
  padding-bottom: 12px;
}

.Errand_hideFooter__R1OnT {
  grid-template-rows: 0fr !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transition: grid-template-rows 0.3s ease-in-out, max-height 0.3s ease-in-out !important;
}

.Errand_errand__xncPT>footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows .5s linear;
  position: relative;
}

.Errand_errand__xncPT>footer.Errand_footerPinned__Sr4i6 {
  padding-left: 20px;
}

.Errand_errand__xncPT>footer.Errand_footerUnpinned__q6CRl {
  padding-left: 0px;
}

/* .errand.isDragging:not(.isSelected)>footer {
  border-left: unset;
}
.errand.isDragging.isSelected>footer {
  border-left: var(--borderWidth100) 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: grid-template-rows .5s linear;
}

@media (hover: hover) {
  .Errand_errand__xncPT:hover>footer {
    grid-template-rows: 1fr;
    transition: grid-template-rows .5s linear;
  }
}

.Errand_errand__xncPT.Errand_isDragging__4ytax>footer {
  grid-template-rows: 1fr;
  transition: grid-template-rows .5s linear;
}

.Errand_errand__xncPT>footer>button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 4px;
  height: -webkit-fit-content;
  height: fit-content;
  min-height: 0;
  position: relative;
  color: var(--blue999);
  font-size: 12px;
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW>footer>button{
  color: var(--orange994);
  font-family: var(--typographyFontFamily);
}

.Errand_errand__xncPT>footer>button>svg {
  color: inherit;
  margin: 4px 0 8px 0;
  width: 1rem;
  height: 1rem;
  position: relative;
  top: 1px;
}

.Errand_errand__xncPT>div>button:first-child {
  display: block;
  padding: 4px 4px 8px 0;
  min-width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.Errand_errand__xncPT h2,
.Errand_errand__xncPT h2 span,
.Errand_errand__xncPT p,
.Errand_errand__xncPT time {
  text-align: left;
  font-family: var(--typographyFontFamily);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.Errand_errand__xncPT h2,
.Errand_errand__xncPT p,
.Errand_errand__xncPT time {
  color: var(--blue999);
}

.Errand_errand__xncPT h2 {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 2px;
}

.Errand_activeTab__g8Dw2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: var(--orange965);
  left: 0;
  top: 0;
  height: 22px;
  width: 26px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;
  animation: Errand_activeTabSlideIn__Osu9P 0.6s ease-in-out forwards;
}

.Errand_errand__xncPT.Errand_isSelected__CMAKW.Errand_isBulkCloseMode__KOCRP {
  cursor: pointer;
}

@keyframes Errand_activeTabSlideIn__Osu9P {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

.Errand_activeTab__g8Dw2::before,
.Errand_activeTab__g8Dw2::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: transparent;
  border-radius: 9999px;
}

.Errand_activeTab__g8Dw2::before {
  transform: rotate(180deg);
  bottom: -10px;
  left: 0px;
  box-shadow: 4px 4px 0 0 var(--orange965);
}

.Errand_activeTab__g8Dw2::after {
  top: 0;
  right: -10px;
  box-shadow: -4px -4px 0 0 var(--orange965);
}

.Errand_activeTab__g8Dw2 path {
  fill: white !important;
  stroke: white !important;
}

.Errand_errand__xncPT h2:has(.Errand_activeTab__g8Dw2) {
  margin-left: 22px;
  margin-top: -4px;
}

.Errand_errand__xncPT h2 span {
  max-width: 80%;
}

.Errand_errand__xncPT p {
  font-size: 12px;
  filter: blur(.3em);
  word-break: break-all;
}

.Errand_errand__xncPT time {
  font-size: 11px;
  font-weight: 300;
}

.Errand_errand__xncPT.Errand_messageHistoryAllowed__zcFSD p {
  filter: initial;
}

/* Don't blur errand options */
.Errand_errand__xncPT>footer>div>p {
  filter: initial !important;
}

.Errand_errand__xncPT p.Errand_errandPreview__mfhZ0 {
  word-break: normal;
  font-size: 12px;
  margin-top: 8px;
}

.Errand_avatar__DJOT-{
  pointer-events: none;
}

.Errand_checkbox__xU3DQ {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  cursor: pointer;
  pointer-events: all;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.Errand_checkboxInner__qaeb2 {
  width: 20px;
  height: 20px;
  border: var(--borderWidth200) solid var(--orange700);
  border-radius: 4px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.Errand_checkboxInner__qaeb2.Errand_checked__kM4L3 {
  background-color: var(--orange700);
  border-color: var(--orange700);
}

.Errand_pinButton__hFjE\+ {
  position: absolute;
  bottom: 0px;       /* Align to bottom corner */
  left: 0px;         /* Align to left corner */
  display: flex;
  justify-content: center;
  align-items: center;

  overflow: visible;

  width: 30px;     /* Adjust size as needed */
  height: 30px;


  border: var(--borderWidth000);
  border-radius: 50%;
  z-index: 3;
}

.Errand_pinButton__hFjE\+ svg {
  width: 20px;
  height: 20px;
  transform: rotate(-45deg); /* rotate 45 degrees */
  transform-origin: center;
}

.Errand_cutCorner__nXNUN {
  position: absolute;
  background: blue;
}

/* position the overlay at the bottom-left of the card */
.Errand_cornerStroke__yGmQg {
  position: absolute;
  left: 0;     /* inset by outer corner radius */
  bottom: 0;
  width: 40px;
  height: 40px;
  pointer-events: none;
  z-index: 2;
}

/* common stroke style */
.Errand_cornerStroke__yGmQg path {
  fill: none;
  stroke: var(--orange994);
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.Errand_editableNameInput__VEOLL {
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 0;
  margin: 0;
  outline: none;
  pointer-events: auto;
  resize: none;
  line-height: 1.1rem;
  overflow: hidden;
  vertical-align: top;
  box-sizing: border-box;
  min-height: 1.3rem;
  max-width: 180px;
  font-size: 16px;
  font-weight: 500;
}

.Errand_activeTitle__8c6qs{
  padding-bottom: 5px;
}

/* Prevent mobile zoom on input focus */
@media (max-width: 768px) {
  .Errand_editableNameInput__VEOLL {
    max-width: calc(70dvw - 120px);
  }
}

.Errand_errand__xncPT:not(.Errand_isSelected__CMAKW) .Errand_editableNameInput__VEOLL:focus,
.Errand_errand__xncPT.Errand_isEditingTitle__RfPEq:not(.Errand_isSelected__CMAKW)>div>button>h2,
.Errand_errand__xncPT.Errand_isEditingTitle__RfPEq:not(.Errand_isSelected__CMAKW)>div>button>p,
.Errand_errand__xncPT.Errand_isEditingTitle__RfPEq:not(.Errand_isSelected__CMAKW)>div>button>time {
  color: purple;
}

.Errand_pinErrand__x0YV3 {
  max-width: 30px;
  justify-content: flex-start !important;
}

.Errand_pinErrand__x0YV3>img {
  width: 20px;
  height: 20px;
}

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

.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: var(--borderWidth100) 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: var(--borderWidth100) 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;
}

.ConsentNotificationMessage_consentNotificationIcon__5-5sz{
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--orange800);
}

.ConsentNotificationMessage_sendArrowCircle__DLwVQ{
  background-color: var(--orange900);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--peach100);
  height: 15px;
  width: 15px;
  margin: 0 6px;
}

.ConsentNotificationMessage_sendArrowCircle__DLwVQ svg{
  margin-left: 2px;
}

.ConsentNotificationMessage_declineButton__AVQ-h {
  background-color: var(--gray600) !important;
  color: white !important;
  font-size: 12px !important;
  padding: 6px 16px !important;
}

.ConsentNotificationMessage_declineButton__AVQ-h:hover {
  background-color: var(--gray700) !important;
}

.ConsentNotificationMessage_acceptButton__K6kVs {
  background-color: var(--green850) !important;
  color: white !important;
  font-size: 12px !important;
  padding: 6px 16px !important;
}

.ConsentNotificationMessage_acceptButton__K6kVs:hover {
  background-color: var(--green800) !important;
}

.ConsentNotificationMessage_miniAcceptButton__MSVA6 {
  background-color: var(--green850);
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  height: 15px;
  width: 45px;
  margin: 0 3px;
  font-size: 8px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 2px;
}

.SparklesEffect_sparkleWrapper__eycmO {
  position: relative;
  display: inline-block;
  padding: 14px 14px 0px 14px;
}

.SparklesEffect_contentWrapper__ehfHp {
  position: relative;
  z-index: 2;
  display: inline-block;

  background-color: transparent;
  border-radius: 4px;
}

/* Sparkles */
.SparklesEffect_sparkle__twJFO {
  position: absolute;
  opacity: 0;
  animation: SparklesEffect_twinkle__gNDrY 2s infinite ease-in-out, SparklesEffect_float__trJr2 6s infinite linear;
  pointer-events: none;
  z-index: 1;
}

.SparklesEffect_sparkle__twJFO::before,
.SparklesEffect_sparkle__twJFO::after {
  content: '';
  position: absolute;
  background: inherit;
  box-shadow: inherit;
}

.SparklesEffect_sparkle__twJFO::before {
  width: 100%;
  height: 20%;
  top: 40%;
  left: 0;
}

.SparklesEffect_sparkle__twJFO::after {
  width: 20%;
  height: 100%;
  top: 0;
  left: 40%;
}

.SparklesEffect_sparkle__twJFO.SparklesEffect_orange__ASNjn {
  background: transparent;
}

.SparklesEffect_sparkle__twJFO.SparklesEffect_orange__ASNjn::before,
.SparklesEffect_sparkle__twJFO.SparklesEffect_orange__ASNjn::after {
  background: var(--orange800);
  box-shadow: 0 0 3px rgba(255, 84, 28, 0.6);
}

.SparklesEffect_sparkle__twJFO.SparklesEffect_blue__GU44R {
  background: transparent;
}

.SparklesEffect_sparkle__twJFO.SparklesEffect_blue__GU44R::before,
.SparklesEffect_sparkle__twJFO.SparklesEffect_blue__GU44R::after {
  background: var(--blue400);
  box-shadow: 0 0 3px rgba(0, 0, 255, 0.6);
}

/* Twinkling effect */
@keyframes SparklesEffect_twinkle__gNDrY {
  0%, 100% {
    opacity: 0;
    transform: scale(0.6);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

/* Floating effect */
@keyframes SparklesEffect_float__trJr2 {
  0% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(-4px) translateX(3px);
  }
  100% {
    transform: translateY(0) translateX(0);
  }
}

.ErrandsContainer_aside__vLJsT {
  background-color: var(--shadow801);
  height: 100%;
  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;
  --container-border-radius: 8px;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: var(--borderWidth000);
  padding: 8px;

  /* Hardware Acceleration */
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  contain: layout style paint;

  /* Add prefix for Android device */
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
}

.ErrandsContainer_aside__vLJsT.ErrandsContainer_isPullingRope__d5cNN {
  left: -1px;
}

.ErrandsContainer_aside__vLJsT:not(.ErrandsContainer_isDesktop__PQsYN) {
  background-color: var(--gray904);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
  border-left: 4px solid white;
}

.ErrandsContainer_aside__vLJsT:not(.ErrandsContainer_isDesktop__PQsYN)::before {
  opacity: 0.2;
  background:
    radial-gradient(circle 120px at 98% 5%, var(--blue965) 0%, transparent 100%),
    radial-gradient(circle 100px at 50% 5%, var(--orange965) 0%, transparent 100%),
    radial-gradient(circle 180px at 50% 30%, var(--blue965) 0%, transparent 100%),
    radial-gradient(circle 110px at 98% 30%, var(--orange965) 0%, transparent 100%),
    radial-gradient(circle 180px at 110% 60%, var(--blue965) 0%, transparent 100%),
    radial-gradient(circle 120px at 40% 65%, var(--orange965) 0%, transparent 100%),
    radial-gradient(circle 80px at 98% 75%, var(--orange965) 0%, transparent 100%),
    radial-gradient(circle 130px at 85% 97%, var(--orange965) 0%, transparent 100%),
    radial-gradient(circle 190px at 55% 97%, var(--blue965) 0%, transparent 100%);
}

.ErrandsContainer_aside__vLJsT::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  border-radius: 8px;
}

.ErrandsContainer_aside__vLJsT.ErrandsContainer_isDesktop__PQsYN::before {
  opacity: 0.2;
  background:
    radial-gradient(circle 120px at 98% 5%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 100px at 2% 5%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 180px at 2% 30%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 110px at 98% 30%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 180px at 110% 60%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 80px at 98% 75%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 130px at 85% 97%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 190px at 5% 97%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 140px at -10% 65%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 120px at 98% 75%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 130px at 85% 97%, rgba(49, 131, 255, 1) 0%, transparent 100%),
    radial-gradient(circle 190px at 55% 97%, rgba(49, 131, 255, 1) 0%, transparent 100%);
}

.ErrandsContainer_aside__vLJsT.ErrandsContainer_isDesktop__PQsYN {
  border-right: 0;
  border-right: initial;
  border-radius: 8px !important;
  min-width: 300px;
  width: 300px;
  max-width: 300px;
  padding: 0;
  scrollbar-width: none;
}

.ErrandsContainer_aside__vLJsT:not(.ErrandsContainer_isDesktop__PQsYN) .ErrandsContainer_ul__dI6gd {
  padding-left: 1px;
  padding-right: 1px;
}
.ReferrerModal_modal__Uh8zT {
  background-color: var(--gray000);
  width: 20rem;
  height: -webkit-fit-content;
  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;
}

.ColorSweepText_sweepContainer__PHeee {
  display: inline-flex;
  align-items: baseline;
}

/* Utility classes for overlay composition */
.ColorSweepText_baseRelative__obOOp {
  position: relative;
  display: inline-block;
}
.ColorSweepText_overlayZ1__8eTOZ {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.ColorSweepText_overlayZ2__mRRtv {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}
.ColorSweepText_overlayZ3__1jV6u {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

.ColorSweepText_sweepChar__oGWYY {
  display: inline-block;
  animation-name: ColorSweepText_wt_wave__8NOiC;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  will-change: color;
}

/* Variant for masked overlays: keep letters transparent outside crest */
.ColorSweepText_sweepCharMasked__ol5zr {
  display: inline-block;
  animation-name: ColorSweepText_wt_wave_masked__ojGNl;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  will-change: color;
}

@keyframes ColorSweepText_wt_wave__8NOiC {
  /* Color-only sweep; no glow */
  0%, 30% { color: inherit; }
  40%, 60% { color: var(--primaryMain); color: var(--wt-highlight-color, var(--primaryMain)); }
  70%, 100% { color: inherit; }
}

@keyframes ColorSweepText_wt_wave_masked__ojGNl {
  0%, 30% { color: transparent; }
  40%, 60% { color: var(--primaryMain); color: var(--wt-highlight-color, var(--primaryMain)); }
  70%, 100% { color: transparent; }
}


.QueuedMessages_class__ezjN0 {}

.QueuedMessages_class__ezjN0.queuedMessage .chatBubbleWrapper .glassContainer {
    min-height: 34px;
}

.QueuedMessages_class__ezjN0.queuedMessage .chatBubbleWrapper .editHistoryButton {
    margin-top: 8px;
}

.ConversationPage_PageSection__aQp3R {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 10px;
}

.ConversationPage_ConversationsContainer__n\+h5e {
  display: flex;
  flex-direction: row;
  gap: 10px;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  position: relative
}

@media (max-aspect-ratio: 16/10) {
  .ConversationPage_ConversationsContainer__n\+h5e {
    flex-direction: column;
    gap: 0;
  }
}

@media (max-width: 900px) {
  .ConversationPage_PageSection__aQp3R {
    padding: 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: -webkit-fit-content;
  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: var(--borderWidth100) solid var(--orange700);
  border-radius: 3.125rem;
	z-index: 3;
  max-width: calc(12ch + 0.9375rem);
  width: -webkit-fit-content;
  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: var(--borderWidth100) 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: -webkit-fit-content;
  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;
  -webkit-clip-path: polygon(var(--poly));
          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);
  -webkit-clip-path: polygon(var(--poly));
          clip-path: polygon(var(--poly));
  margin-bottom: 0.0625rem;
}

.ReferrerMessageContent_img__Mlk2f {
  width: 5.25rem;
  height: 5.25rem;
  min-height: 5.25rem;
  border: var(--borderWidth200) 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: var(--borderWidth000);
  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: var(--borderWidth100) solid var(--orange700);
    border-radius: 3.125rem;
    z-index: 3;
    max-width: calc(7ch + 0.9375rem);
    width: -webkit-fit-content;
    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;
}

.AirDropPointsDialog_customInputStyle__qHgMi {
    padding: 10px 8px;
    margin-top: -10px;
    font-size: 1rem;
    outline: none;
    border-color: #bdbdbd;
    box-shadow: 0;
    border-style: solid;
    border-radius: 4px;
    border-width: 1px;
}

.AirDropPointsDialog_customInputStyle__qHgMi:hover {
    border-color: #000;
}

.AirDropPointsDialog_customInputStyle__qHgMi:focus {
    border-color: var(--orange700);
    border-width: var(--borderWidth200);
}

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

.AirDropPointsDialog_checkBox__8L7Zf {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    margin-top: 2px;
}

.LeftButtonMorphLoanProducts_leftButton__SkQd8{
  background-color: var(--peach000);
  border-color: var(--orange700);
  border-style: solid;
  border-width: var(--borderWidth100);
  color: var(--orange700);
  border-radius: 5px;
  width: 71px;
  height: 32px;
}

.TwinAvatarStyles_containerMain__D0BFC {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}

.TwinAvatarStyles_containerMain__D0BFC.TwinAvatarStyles_shrank__3hkIM {
  align-items: flex-start;
  justify-content: flex-start;
}

.TwinAvatarStyles_messageRow__6z\+kh {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  overflow: hidden;

  width: 100%;
  transform: scale(1);
  transition: width 0.4s ease, transform 0.4s ease;

  pointer-events: auto;
}

.TwinAvatarStyles_gradientCircle1__DRQNQ {
  position: absolute;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255, 84, 28, 0.8) 0%,
    rgba(255, 84, 28, 0.32) 20%,
    rgba(255, 84, 28, 0.16) 40%,
    rgba(255, 84, 28, 0.08) 60%,
    rgba(255, 84, 28, 0.04) 80%,
    transparent 100%
  );
  filter: blur(1px);
  bottom: -40px;
  right: -60px;
  z-index: 0;
  opacity: 0;
  animation: TwinAvatarStyles_fadeIn__nfAQB 0.6s ease-out 0.6s forwards;
}

.TwinAvatarStyles_gradientCircle2__wVo0S {
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(117, 19, 242, 0.8) 0%,
    rgba(117, 19, 242, 0.32) 20%,
    rgba(117, 19, 242, 0.16) 40%,
    rgba(117, 19, 242, 0.08) 60%,
    rgba(117, 19, 242, 0.04) 80%,
    transparent 100%
  );
  filter: blur(1px);
  bottom: -50px;
  left: -50px;
  z-index: 0;
  opacity: 0;
  animation: TwinAvatarStyles_fadeIn__nfAQB 0.6s ease-out 0.6s forwards;
}

.TwinAvatarStyles_glass__3LuA2 {
  width: 100%;
  height: 100%;
}

.TwinAvatarStyles_glassContainer__CaQPF {
  position: relative;
}

.TwinAvatarStyles_glassContainer__CaQPF.TwinAvatarStyles_glowingBorder__qBimQ {
  position: relative;
}

.TwinAvatarStyles_glassContainer__CaQPF.TwinAvatarStyles_glowingBorder__qBimQ::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(45deg, #ff6b35, #7513f2, #ff6b35, #7513f2);
  background-size: 400% 400%;
  animation: TwinAvatarStyles_glowingBorderAnimation__YYnzV 2s ease-in-out infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  z-index: -1;
}

@keyframes TwinAvatarStyles_glowingBorderAnimation__YYnzV {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

.TwinAvatarStyles_containerAvatarWrapper__mwYDv {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5px;
}

.TwinAvatarStyles_containerAvatar__9IxFY,
.TwinAvatarStyles_containerText__xlhO4 {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.TwinAvatarStyles_containerAvatar__9IxFY {
  background: black;

  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
}

.TwinAvatarStyles_containerText__xlhO4 {
  display: flex;
  flex-direction: column;
  max-height: calc(2 * 1.2em + 45px);
  padding: 5px;
  font-style: italic;
  font-size: small;
  line-height: 1.2;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.TwinAvatarStyles_containerText__xlhO4.TwinAvatarStyles_textExpanded__CrtBb {
  aspect-ratio: unset;
  overflow-y: auto;
  max-height: 300px;
}

.TwinAvatarStyles_containerText__xlhO4.TwinAvatarStyles_noOverflow__Wi2aG {
  max-height: calc(2 * 1.2em + 10px);
}

.TwinAvatarStyles_containerText__xlhO4.TwinAvatarStyles_textExpanded__CrtBb.TwinAvatarStyles_collapsing__1xlap {
  max-height: calc(2 * 1.2em + 45px);
}

.TwinAvatarStyles_textContent__IKsma {
  flex: 1 1;
  overflow: hidden;
}



.TwinAvatarStyles_textTruncated__Cl1df {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.TwinAvatarStyles_buttonContainer__6XLXU {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 5px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: var(--orange900);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  font-size: 10px;
  cursor: pointer;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1;
}

.TwinAvatarStyles_buttonContainer__6XLXU:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}

.TwinAvatarStyles_avatarName__0JNSQ {
  position: absolute;
  top: 4px;
  left: 4px;
  color: white;
  font-size: 10px;
  z-index: 2;

  background: rgba(0, 0, 0, 0.5);
  padding: 2px 4px;
  border-radius: 4px;
}

.TwinAvatarStyles_buttonRow__4VIhT {
  position: absolute;
  z-index: 2;

  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 4px;
  width: 100%;
}

@media (min-width: 900px) {
  .TwinAvatarStyles_messageRow__6z\+kh.TwinAvatarStyles_shrinking__KF47M {
    width: 30%;
  }
  .TwinAvatarStyles_messageRow__6z\+kh.TwinAvatarStyles_growing__6XG8e {
    width: 60%;
  }

  .TwinAvatarStyles_containerText__xlhO4.TwinAvatarStyles_shrinking__KF47M {
    aspect-ratio: 16 / 3;
  }
  .TwinAvatarStyles_containerText__xlhO4.TwinAvatarStyles_shrinking__KF47M.TwinAvatarStyles_textExpanded__CrtBb {
    aspect-ratio: unset;
  }
  .TwinAvatarStyles_containerText__xlhO4.TwinAvatarStyles_shrinking__KF47M:not(.TwinAvatarStyles_noOverflow__Wi2aG) {
    aspect-ratio: unset;
  }
  .TwinAvatarStyles_containerText__xlhO4.TwinAvatarStyles_growing__6XG8e {
    aspect-ratio: 16 / 2;
  }
}

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

.TwinAvatarStyles_answeringIconContainer__XHe2e {
  position: absolute;
  top: 4px;
  right: 5px;
  z-index: 3;
  padding: 6px 4px 0 4px;
  border-radius: 8px;
  background: white !important;
  -webkit-backdrop-filter: blur(10px) !important;
          backdrop-filter: blur(10px) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
}

.TwinAvatarStyles_answeringIcon__Q-4A2 {
  width: 20px;
  filter: drop-shadow(0 0 12px rgba(255, 107, 53, 0.8));
  animation: TwinAvatarStyles_gentlePulse__5Ph\+r 2s ease-in-out infinite;
}

@keyframes TwinAvatarStyles_gentlePulse__5Ph\+r {
  0%, 100% {
    transform: scale(1);
    opacity: 0.9;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
}

.TwinAvatarStyles_indicatorGlass__Wg9wt {
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.TwinAvatarStyles_indicatorWrapper__Q73e6 {
  display: flex;
  align-items: center;
}
.TwinAvatarStyles_indicatorGlass__Wg9wt {
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  cursor: pointer;
}

.TwinAvatarStyles_progressContainer__-7Kgo {
  width: 100%;
  background: transparent;
  border-radius: 10px;
}

.TwinAvatarStyles_expandIcon__ylnko {
  position: absolute;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  z-index: 10;
}

.TwinAvatarStyles_expandIcon__ylnko svg {
  color: white;
  font-size: 16px;
  pointer-events: none;
}
.TwinAvatarStyles_progressBar__qNdxY {
  cursor: pointer;
  width: 100%;
  height: 14px;
  background-color: transparent;
  position: absolute;
  bottom: -5px;
  left: 0px;
  z-index: 10;
  display: flex;
  align-items: center;
  --bar-height: 4px;
  transition: --bar-height 0.15s ease;
}

.TwinAvatarStyles_progressBar__qNdxY:hover {
  --bar-height: 6px;
}

.TwinAvatarStyles_progressBar__qNdxY::before {
  content: '';
  position: absolute;
  width: 100%;
  height: var(--bar-height);
  background-color: #ccc;
  border-radius: 2px;
}

.TwinAvatarStyles_progressFill__nUwEX {
  position: absolute;
  left: 0;
  height: var(--bar-height);
  background-color: var(--orange900);
  border-radius: 2px;
  z-index: 1;
}

.TwinAvatarStyles_progressCircle__hpHm\+ {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-color: var(--orange900);
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.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: var(--borderWidth100) 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;
}

@keyframes ConversationTitle_fadeInScale__wOO1i {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(-5deg);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.2) rotate(2deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}

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

@keyframes ConversationTitle_scroll__D4NrW {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

.ConversationTitle_angelAiButton__Pzruf {
  background: none;
  border: none;
  color: var(--blue010);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: capitalize;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  font-size: inherit;
  position: relative;
  transition: transform 0.3s ease;
  transform: scale(1);
}

.ConversationTitle_angelAiButton__Pzruf:hover {
  transform: scale(1.05);
}

.ConversationTitle_angelAiButtonSpan__Urhpx {
  transition: color 0.3s ease;
  color: var(--blue010);
}

.ConversationTitle_versionMenuItem__xyISl {
  font-weight: bold !important;
  color: black !important;
}

.ConversationTitle_currentMenuItem__zfVaz {
  color: black;
  cursor: pointer;
}

.ConversationTitle_currentMenuItem__zfVaz:hover {
  background-color: rgba(255, 107, 53, 0.08);
}

.ConversationTitle_deviLink__LiMcq {
  color: var(--blue400);
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  padding-left: 3px;
}


.ConsentOverlay_consentOverlay__TdeP- {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

@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;
}

.MorphPrivateChat_wrapper__ZTN2y {
  width: 100%;
  height: -webkit-fit-content;
  height: fit-content;
  max-height: 400px;
  position: relative;
  padding: 8px;
  border: var(--borderWidth100) 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: var(--borderWidth200) 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: var(--borderWidth000);
  z-index: 6;
}