/* screen - mom-chat */

.mom-chat {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 844px;
  overflow: hidden;
  width: 390px;
}

.mom-chat .overlap-group9 {
  height: 868px;
  margin-left: -56px;
  position: relative;
  width: 464px;
  z-index: 1;
}

.mom-chat .image-1 {
  height: 852px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 464px;
}

.mom-chat .group-15 {
  height: 66px;
  left: 168px;
  object-fit: cover;
  position: absolute;
  top: 136px;
  width: 279px;
}

.mom-chat .group-16 {
  height: 37px;
  left: 141px;
  object-fit: cover;
  position: absolute;
  top: 553px;
  width: 307px;
}

.mom-chat .group-17 {
  height: 62px;
  left: 168px;
  object-fit: cover;
  position: absolute;
  top: 302px;
  width: 279px;
}

.mom-chat .overlap-group {
  background-image: url(../img/union-5-13@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 36px;
  left: 65px;
  position: absolute;
  top: 234px;
  width: 169px;
}

.mom-chat .ok-thanks {
  height: 31px;
  left: 16px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 5px;
  width: 152px;
}

.mom-chat .x1042-am {
  height: 17px;
  left: 104px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: right;
  top: 10px;
  white-space: nowrap;
  width: 60px;
}

.mom-chat .overlap-group1 {
  background-image: url(../img/union-5-10@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 61px;
  left: 65px;
  position: absolute;
  top: 37px;
  width: 279px;
}

.mom-chat .x1033-am {
  height: 17px;
  left: 214px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: right;
  top: 35px;
  white-space: nowrap;
  width: 60px;
}

.mom-chat .text-7 {
  height: 53px;
  left: 16px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 5px;
  width: 258px;
}

.mom-chat .overlap-group2 {
  background-image: url(../img/union-5-11@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 37px;
  left: 65px;
  position: absolute;
  top: 500px;
  width: 192px;
}

.mom-chat .x1033-am-1 {
  height: 17px;
  left: 127px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: right;
  top: 11px;
  white-space: nowrap;
  width: 60px;
}

.mom-chat .yes-we-must {
  height: 32px;
  left: 16px;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  top: 5px;
  width: 160px;
}

.mom-chat .group-22 {
  align-items: flex-start;
  background-color: var(--snow-flurry);
  border-radius: 5px;
  box-shadow: 0.5px 0.5px 1px #00000026;
  display: flex;
  height: 61px;
  justify-content: flex-end;
  left: 184px;
  min-width: 255px;
  padding: 1.0px 4.8px;
  position: absolute;
  top: 623px;
}

.mom-chat .overlap-group3 {
  height: 56px;
  position: relative;
  width: 242px;
}

.mom-chat .path-59 {
  height: 10px;
  left: 224px;
  object-fit: cover;
  position: absolute;
  top: 44px;
  width: 17px;
}

.mom-chat .x1033-am-2 {
  height: 17px;
  left: 163px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: right;
  top: 36px;
  white-space: nowrap;
  width: 60px;
}

.mom-chat .text-8 {
  height: 56px;
  left: 0;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 0;
  width: 242px;
}

.mom-chat .group-23 {
  align-items: flex-start;
  background-color: var(--snow-flurry);
  border-radius: 5px;
  box-shadow: 0.5px 0.5px 1px #00000026;
  display: flex;
  height: 62px;
  justify-content: flex-end;
  left: 264px;
  min-width: 174px;
  padding: 1.9px 5.8px;
  position: absolute;
  top: 372px;
}

.mom-chat .overlap-group4 {
  height: 57px;
  position: relative;
  width: 142px;
}

.mom-chat .x1033-am-3 {
  height: 17px;
  left: 82px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: right;
  top: 38px;
  white-space: nowrap;
  width: 60px;
}

.mom-chat .text-9 {
  height: 57px;
  left: 0;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 0;
  width: 121px;
}

.mom-chat .path-56 {
  align-self: flex-end;
  height: 10px;
  margin-bottom: 2.63px;
  margin-left: 1px;
  object-fit: cover;
  width: 17px;
}

.mom-chat .group-24 {
  align-items: flex-start;
  background-color: var(--snow-flurry);
  border-radius: 5px;
  box-shadow: 0.5px 0.5px 1px #00000026;
  display: flex;
  height: 33px;
  justify-content: flex-end;
  left: 322px;
  min-width: 117px;
  padding: 1.0px 5.8px;
  position: absolute;
  top: 455px;
}

.mom-chat .overlap-group5 {
  height: 30px;
  position: relative;
  width: 85px;
}

.mom-chat .x1033-am-4 {
  height: 17px;
  left: 25px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  text-align: right;
  top: 8px;
  white-space: nowrap;
  width: 60px;
}

.mom-chat .text-10 {
  height: 30px;
  left: 0;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 82px;
}

.mom-chat .path-57 {
  align-self: flex-end;
  height: 10px;
  margin-bottom: 4.18px;
  margin-left: 1px;
  object-fit: cover;
  width: 17px;
}

.mom-chat .rectangle-297 {
  background-color: var(--white);
  height: 57px;
  left: 45px;
  position: absolute;
  top: 811px;
  width: 410px;
}

.mom-chat .text-11 {
  left: 176px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 302px;
  white-space: nowrap;
}

.mom-chat .ellipse-27 {
  border-radius: 11px;
  height: 22px;
  left: 242px;
  position: absolute;
  top: 815px;
  width: 22px;
}

.mom-chat .rectangle-1 {
  border-radius: 41px;
  height: 844px;
  left: 56px;
  position: absolute;
  top: 0;
  width: 390px;
}

.mom-chat .undo {
  cursor: pointer;
  height: 22px;
  left: 323px;
  object-fit: cover;
  position: absolute;
  top: 815px;
  width: 22px;
}

.mom-chat .x5g {
  height: 22px;
  left: 378px;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 22px;
}

.mom-chat .text-12 {
  left: 75px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 14px;
  white-space: nowrap;
}

.mom-chat .wifi {
  height: 22px;
  left: 353px;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 22px;
}

.mom-chat .battery {
  height: 22px;
  left: 403px;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 22px;
}

.mom-chat .group-25 {
  align-items: flex-end;
  display: flex;
  height: 56px;
  justify-content: flex-end;
  left: 0;
  min-width: 389px;
  padding: 5px;
  position: fixed;
  top: 748px;
  z-index: 2;
}

.mom-chat .overlap-group6 {
  align-items: center;
  background-color: var(--white);
  border-radius: 22.5px;
  box-shadow: 0.5px 0.5px 1px #00000026;
  display: flex;
  height: 45px;
  justify-content: flex-end;
  min-width: 320px;
  padding: 8.5px 15.3px;
}

.mom-chat .path-62 {
  height: 20px;
  margin-top: 1.41px;
  object-fit: cover;
  width: 22px;
}

.mom-chat .line-10 {
  height: 24px;
  margin-left: 7px;
  margin-top: 0.41px;
  object-fit: cover;
  width: 2px;
}

.mom-chat .type-a-message {
  align-self: flex-start;
  letter-spacing: -0.34px;
  line-height: 26px;
  margin-left: 2px;
  min-height: 25px;
  min-width: 121px;
  white-space: nowrap;
}

.mom-chat .path-60 {
  height: 22px;
  margin-left: 78px;
  margin-top: 1.41px;
  object-fit: cover;
  width: 12px;
}

.mom-chat .path-61 {
  height: 18px;
  margin-bottom: 0.56px;
  margin-left: 23px;
  object-fit: cover;
  width: 22px;
}

.mom-chat .overlap-group7 {
  align-items: flex-end;
  background-color: var(--observatory);
  border-radius: 24.5px/22.5px;
  display: flex;
  height: 45px;
  margin-left: 9px;
  min-width: 49px;
  padding: 11.8px 16.8px;
}

.mom-chat .path-63 {
  height: 19px;
  object-fit: cover;
  width: 15px;
}

.mom-chat .group-26 {
  align-items: flex-start;
  display: flex;
  height: 100px;
  left: 0;
  min-width: 399px;
  position: fixed;
  top: 0;
  z-index: 3;
}

.mom-chat .overlap-group8 {
  height: 100px;
  position: relative;
  width: 399px;
}

.mom-chat .rectangle-283 {
  background-color: var(--deep-sea-green);
  height: 71px;
  left: 0;
  position: absolute;
  top: 29px;
  width: 399px;
}

.mom-chat .path-49 {
  height: 20px;
  left: 11px;
  object-fit: cover;
  position: absolute;
  top: 54px;
  width: 18px;
}

.mom-chat .path-50 {
  height: 15px;
  left: 268px;
  object-fit: cover;
  position: absolute;
  top: 59px;
  width: 20px;
}

.mom-chat .path-51 {
  height: 22px;
  left: 322px;
  object-fit: cover;
  position: absolute;
  top: 56px;
  width: 20px;
}

.mom-chat .path-52 {
  height: 20px;
  left: 377px;
  object-fit: cover;
  position: absolute;
  top: 57px;
  width: 4px;
}

.mom-chat .ellipse-24 {
  background-image: url(https://anima-uploads.s3.amazonaws.com/projects/6156cc60e867972e6d4ccf9c/files/b9371273ae94a946e92074d1b9696680.gif);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 22px;
  height: 44px;
  left: 36px;
  position: absolute;
  top: 40px;
  width: 44px;
}

.mom-chat .ellipse-24 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.mom-chat .ellipse-24 img {
  object-fit: cover;
}

.mom-chat .mom {
  left: 89px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 36px;
  white-space: nowrap;
}

.mom-chat .online {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: 400;
  left: 89px;
  letter-spacing: 0;
  line-height: 24px;
  position: absolute;
  top: 62px;
  white-space: nowrap;
}

.mom-chat .rectangle-294 {
  background-color: var(--aqua-deep);
  height: 37px;
  left: 0;
  position: absolute;
  top: 0;
  width: 399px;
}