.i-phone-12-pro-mockup,
.i-phone-12-pro-mockup * {
  box-sizing: border-box;
}
.i-phone-12-pro-mockup {
  width: 302.94px;
  height: 618px;
  position: relative;
}
.mockup-wrap {
  background: var(--white, #ffffff);
  width: 271.78px;
  height: 588.99px;
  position: absolute;
  left: 15.22px;
  top: 13.78px;
  overflow: hidden;
}
.i-phone-mockup-status-bar {
  width: 271.78px;
  height: 27.56px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.right {
  position: absolute;
  inset: 0;
}
.battery {
  position: absolute;
  left: 243.51px;
  top: 12.57px;
  overflow: visible;
}
.wifi {
  position: absolute;
  left: 228.8px;
  top: 12.57px;
  overflow: visible;
}
.mobile-signal {
  position: absolute;
  left: 212.83px;
  top: 12.81px;
  overflow: visible;
}
.date {
  position: absolute;
  left: 24.25px;
  top: 12.45px;
  overflow: visible;
}
.i-phone-mockup-home {
  width: 284.01px;
  height: 25.75px;
  position: absolute;
  left: 0px;
  top: 589.22px;
}
.home {
  background: #000000;
  border-radius: 75.74px;
  width: 101.49px;
  height: 3.79px;
  position: absolute;
  left: 91.64px;
  bottom: 6.06px;
}
.i-phone-mockup {
  width: 302.94px;
  height: 616.55px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.buttons {
  position: absolute;
  left: 0px;
  top: 97.73px;
  overflow: visible;
}
.device-surround {
  position: absolute;
  left: 2.14px;
  top: 0px;
  overflow: visible;
}
.highlight-band {
  position: absolute;
  left: 2.86px;
  top: 0.72px;
  overflow: visible;
}
.background {
  position: absolute;
  left: 5.72px;
  top: 3.59px;
  overflow: visible;
}
.antenna-bands {
  position: absolute;
  inset: 0;
}
.antenna {
  background: #414141;
  width: 4.29px;
  height: 3.59px;
  position: absolute;
  left: 236.7px;
  top: 0px;
}
.antenna2 {
  background: #414141;
  width: 3.58px;
  height: 4.31px;
  position: absolute;
  left: 296.76px;
  top: 61.8px;
}
.antenna3 {
  background: #414141;
  width: 3.58px;
  height: 4.31px;
  position: absolute;
  left: 2.15px;
  top: 61.8px;
}
.antenna4 {
  background: #414141;
  width: 3.58px;
  height: 4.31px;
  position: absolute;
  left: 2.15px;
  top: 550.44px;
}
.antenna5 {
  background: #414141;
  width: 3.58px;
  height: 4.31px;
  position: absolute;
  left: 296.76px;
  top: 550.44px;
}
.antenna6 {
  background: #414141;
  width: 4.29px;
  height: 3.59px;
  position: absolute;
  left: 61.5px;
  top: 612.96px;
}
.camera {
  position: absolute;
  left: 175.91px;
  top: 17.25px;
  overflow: visible;
}
.speaker {
  position: absolute;
  left: 133.72px;
  top: 20.84px;
  overflow: visible;
}