/* screen - paul-chat */

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

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

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

.paul-chat .group-15 {
  height: 91px;
  left: 168px;
  object-fit: cover;
  position: absolute;
  top: 202px;
  width: 279px;
}

.paul-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: 137px;
  width: 169px;
}

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

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

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

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

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

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

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

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

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

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

.paul-chat .text-19 {
  left: 76px;
  letter-spacing: 0;
  line-height: 18px;
  position: absolute;
  top: 14px;
  white-space: nowrap;
}

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

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

.paul-chat .user {
  cursor: pointer;
  height: 46px;
  left: 91px;
  object-fit: cover;
  position: absolute;
  top: 40px;
  transition: all 0.2s ease;
  width: 46px;
}

.paul-chat .user:hover {
  transform: scale(1.1);
}

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

.paul-chat .overlap-group2 {
  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;
}

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

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

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

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

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

.paul-chat .overlap-group3 {
  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;
}

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

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

.paul-chat .overlap-group4 {
  height: 100px;
  position: relative;
  width: 399px;
}

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

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

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

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

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

.paul-chat .ellipse-24 {
  background-color: var(--white);
  border-radius: 22px;
  height: 44px;
  left: 36px;
  position: absolute;
  top: 40px;
  width: 44px;
}

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

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