/* screen - chat */

.chat {
  background-color: transparent;
  cursor: pointer;
  height: 1080px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

#overlay-chat {
  background-color: transparent;
}

.overlay .chat {
  background-color: #00000000;
}

.chat .group-338-W37gh0 {
  background-color: transparent;
  height: 435px;
  left: 1527px;
  position: fixed;
  top: 540px;
  width: 360px;
}

.chat .group-393-7i6JNt {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.chat .x80000-pDzkeB {
  background-color: transparent;
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  right: 17px;
  text-align: right;
  top: calc(40.74% - 9px);
  white-space: nowrap;
  width: 61px;
}

.chat .x48-months-pDzkeB {
  background-color: transparent;
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  right: 17px;
  text-align: right;
  top: calc(49.95% - 11px);
  white-space: nowrap;
  width: 74px;
}

.chat .x20000-pDzkeB {
  background-color: transparent;
  bottom: calc(40.85% - 9px);
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  right: 17px;
  text-align: right;
  white-space: nowrap;
  width: 60px;
}

.chat .x10000-pDzkeB {
  background-color: transparent;
  bottom: calc(31.65% - 7px);
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  right: 17px;
  text-align: right;
  white-space: nowrap;
  width: 57px;
}

.chat .x9-pDzkeB {
  background-color: transparent;
  bottom: calc(22.45% - 5px);
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  right: 17px;
  text-align: right;
  white-space: nowrap;
  width: 24px;
}

.chat .x1000-pDzkeB {
  background-color: transparent;
  height: 22px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  right: 17px;
  text-align: right;
  top: calc(31.54% - 7px);
  white-space: nowrap;
  width: 48px;
}

.chat .group-312-pDzkeB {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.chat .rectangle-97-NxaTVs {
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--silver-chalice);
  border-radius: 24px;
  box-shadow: 0px 11px 10px #0000000a;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.chat .line-23-NxaTVs {
  background-color: transparent;
  bottom: 342px;
  height: 1px;
  left: calc(50.00% - 161px);
  object-fit: cover;
  position: absolute;
  width: 323px;
}

.chat .line-25-NxaTVs {
  background-color: transparent;
  bottom: 60px;
  height: 1px;
  left: calc(50.00% - 161px);
  object-fit: cover;
  position: absolute;
  width: 323px;
}

.chat .group-304-NxaTVs {
  background-color: transparent;
  height: 26px;
  left: 19px;
  position: absolute;
  top: 38px;
  width: 50px;
}

.chat .chat-LH7y4r {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 3px;
  white-space: nowrap;
  width: calc(100.00% + 2px);
}

.chat .path-95-NxaTVs {
  background-color: transparent;
  bottom: 20px;
  height: 22px;
  object-fit: cover;
  position: absolute;
  right: 18px;
  width: 26px;
}

.chat .rectangle-130-NxaTVs {
  background-color: var(--eerie-black);
  border-radius: 15px;
  height: 93px;
  left: calc(44.10% - 88px);
  position: absolute;
  top: calc(47.95% - 45px);
  width: 199px;
}

.chat .rectangle-127-NxaTVs {
  background-color: transparent;
  border: 1px solid;
  border-color: var(--eerie-black);
  border-radius: 15px;
  height: 29px;
  position: absolute;
  right: calc(45.51% - 93px);
  top: calc(29.06% - 8px);
  width: 204px;
}

.chat .good-afternoon-mr-sm-NxaTVs {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-bilo-light);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  height: 84px;
  left: calc(45.25% - 82px);
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  text-align: left;
  top: calc(47.58% - 40px);
  width: 181px;
}

.chat .hi-im-looking-for-a-carrera-911-NxaTVs {
  background-color: transparent;
  height: 20px;
  letter-spacing: 0.00px;
  line-height: 16px;
  position: absolute;
  right: calc(42.07% - 82px);
  text-align: left;
  top: calc(29.40% - 6px);
  width: 196px;
}

.chat .please-type-here-NxaTVs {
  background-color: transparent;
  bottom: 22px;
  color: var(--silver-chalice);
  font-family: var(--font-family-bilo-light);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  height: 20px;
  left: 18px;
  letter-spacing: 0.00px;
  line-height: 16px;
  opacity: 0.4;
  position: absolute;
  text-align: left;
  width: 196px;
}

.chat .group-392-NxaTVs {
  background-color: transparent;
  height: 0px;
  left: -236px;
  position: absolute;
  top: 37.70%;
  width: 0px;
}

.chat .online-NxaTVs {
  background-color: transparent;
  bottom: 374px;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 14px;
  position: absolute;
  right: 16px;
  text-align: left;
  white-space: nowrap;
  width: 40px;
}

.chat .ellipse-18-NxaTVs {
  background-color: var(--algae-green);
  border-radius: 5px;
  height: 10px;
  position: absolute;
  right: 61px;
  top: 47px;
  width: 10px;
}

.chat .mask-group-31-W37gh0 {
  background-color: transparent;
  height: 42px;
  left: 1826px;
  object-fit: cover;
  position: absolute;
  top: 658px;
  width: 43px;
}

.chat .group-48-W37gh0 {
  background-color: transparent;
  height: 43px;
  left: 1545px;
  object-fit: cover;
  position: absolute;
  top: 704px;
  width: 43px;
}