/* Keep the app’s composited layers inside the device’s rounded screen. */
.dv-device {
  --dv-device-radius: 20px;
  --dv-screen-inset: 11px;
  --dv-screen-radius: calc(var(--dv-device-radius) - var(--dv-screen-inset));
  overflow: hidden;
  border-radius: var(--dv-device-radius);
}
.dv-device[data-device="tablet"] {
  --dv-device-radius: 32px;
  --dv-screen-inset: 15px;
  border-radius: var(--dv-device-radius);
}
.dv-device[data-device="phone"] {
  --dv-device-radius: 48px;
  border-radius: var(--dv-device-radius);
}
.dv .dv-device .dv-screen {
  border-radius: var(--dv-screen-radius);
  clip-path: inset(0 round var(--dv-screen-radius));
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}