.device-shell.device-ipad {
  --shell-border: 12px;
  --preview-width: 420px;
  --preview-height: 610px;
  border-radius: 28px;
  background: #101112;
  border-color: #1b1d1f;
  box-shadow:
    0 14px 25px rgba(0,0,0,.46),
    inset 0 0 0 2px #2d3032,
    inset 0 0 0 6px #111314;
}
.device-ipad::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 32px;
  border: 1px solid rgba(215,218,220,.18);
  pointer-events: none;
}
.device-ipad .device-camera {
  top: 13px;
  width: 58px;
  height: 13px;
  border-radius: 999px;
  background: #050505;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.device-ipad .device-camera::after {
  content: "";
  position: absolute;
  right: 7px;
  top: 3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #263d54, #07090b 62%);
}
.device-ipad .book-page { inset: 38px 20px 22px; padding: 5% 3.667% 3.667%; border-radius: 10px; }