/* screen - u47 */

.u47 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: #0000001a;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.u47 .page-accueil {
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--black);
  height: 1224px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.u47 .frame-2 {
  background-color: #f2f2f2;
  height: 162px;
  left: 0;
  position: absolute;
  top: calc(50.00% - 462px);
  width: 100.12%;
}

.u47 .image-2 {
  aspect-ratio: 3.68;
  height: 60px;
  right: 0;
  top: 252px;
  width: 222px;
}

.u47 .image-removebg-preview-1 {
  aspect-ratio: 1;
  height: 67px;
  left: calc(50.00% - 320px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 403px);
  width: 67px;
}

.u47 .pending-delivery {
  height: 62px;
  left: calc(50.00% - 237px);
  position: absolute;
  top: calc(50.00% - 394px);
  width: 473px;
}

.u47 .image-1 {
  aspect-ratio: 1;
  height: 58px;
  left: calc(50.00% - 28px);
  top: calc(50.00% - 524px);
  width: 58px;
}

.u47 .frame-1 {
  background-color: #ed1b2e;
  height: 76px;
  left: 0;
  position: absolute;
  top: calc(50.00% - 612px);
  width: 100.12%;
}

.u47 .frame-3 {
  background-color: #e3eef9;
  height: 199px;
  left: calc(50.00% - 210px);
  position: absolute;
  top: calc(50.00% - 226px);
  width: 424px;
}

.u47 .image-1-1 {
  aspect-ratio: 1;
  height: 47px;
  left: calc(50.00% - 22px);
  object-fit: cover;
  position: absolute;
  top: calc(50.00% - 201px);
  width: 47px;
}

.u47 .we-tried-to-deliver {
  color: #5d6772;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 300;
  left: calc(50.00% - 174px);
  letter-spacing: 0.72px;
  line-height: normal;
  position: absolute;
  top: calc(50.00% - 137px);
  width: 380px;
}

.u47 .frame-4 {
  background-color: #004793;
  border-radius: 4px;
  cursor: pointer;
  height: 67px;
  left: calc(50.00% - 144px);
  position: absolute;
  top: calc(50.00% + 299px);
  width: 290px;
}

.u47 .reschedule-delivery {
  color: var(--white);
  font-size: var(--font-size-xl);
  font-weight: 400;
  left: calc(50.00% - 116px);
  letter-spacing: 0.72px;
  top: calc(50.00% + 319px);
}

.u47 .you-are-required-to {
  color: #5d6772;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: calc(50.00% - 188px);
  letter-spacing: 0.54px;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 229px);
  width: 380px;
}

.u47 .reschedule-required {
  color: var(--black);
  font-size: var(--font-size-l);
  font-weight: 500;
  left: calc(50.00% - 122px);
  letter-spacing: 0.60px;
  top: calc(50.00% + 67px);
}

.u47 .private-parcel {
  left: calc(50.00% - 118px);
  letter-spacing: 0.54px;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 132px);
  white-space: nowrap;
}

.u47 .delivery-failed {
  left: calc(50.00% - 104px);
  letter-spacing: 0.54px;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 155px);
  white-space: nowrap;
}

.u47 .there-was-no-one-to-receive-the-parcel {
  left: calc(50.00% - 94px);
  letter-spacing: 0.54px;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 178px);
  width: 248px;
}

.u47 .item-status-reason {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: calc(50.00% - 170px);
  letter-spacing: 0.60px;
  line-height: normal;
  position: absolute;
  top: calc(50.00% + 131px);
}

.u47 .image {
  object-fit: cover;
  position: absolute;
}

.u47 .reschedule {
  font-family: var(--font-family-roboto);
  line-height: normal;
  position: absolute;
  white-space: nowrap;
}