.dv-phone{aspect-ratio:100/207.6}.dv-phone-body{background:linear-gradient(135deg,#f1f1f3 0%,#a3a3a8 18%,#e6e6e9 38%,#8f8f95 62%,#d4d4d8 84%,#9d9da2 100%);border-radius:16.2cqw;padding:1.5cqw;position:absolute;inset:0;box-shadow:inset 0 0 0 .25cqw #ffffff8c,0 1px 2px #00000014,0 3cqw 6cqw #0000001a,0 10cqw 18cqw #00000024}.dark .dv-phone-body{box-shadow:inset 0 0 0 .25cqw #ffffff73,0 3cqw 10cqw #0009}.dv-phone-bezel{background:#050507;border-radius:14.7cqw;height:100%;padding:2.6cqw;position:relative;overflow:hidden}.dv-phone-screen{object-fit:cover;object-position:top center;background:#f2f2f2;border-radius:12.1cqw;width:100%;height:100%;display:block}.dv-island{background:#000;border-radius:999px;width:26.3cqw;height:7.7cqw;position:absolute;top:6.4cqw;left:50%;translate:-50%}.dv-button{background:linear-gradient(90deg,#8d8d92,#e2e2e5 50%,#8d8d92);border-radius:.6cqw;width:1.1cqw;position:absolute}.dv-button-action{height:7cqw;top:21%;left:-.7cqw}.dv-button-up{height:13cqw;top:29%;left:-.7cqw}.dv-button-down{height:13cqw;top:37.5%;left:-.7cqw}.dv-button-side{height:20cqw;top:31%;right:-.7cqw}