.device-frame{line-height:0;position:relative;container-type:inline-size}.device{background:linear-gradient(135deg,#5a5a5a 0%,#000 100%);border-radius:14cqw;padding:.4cqw;position:relative;box-shadow:0 1px 2px #00000026,0 2px 4px #0000001f,0 4px 8px #0000001a,0 6px 12px 2px #00000014,0 8px 16px 4px #0000000f,0 12px 24px 6px #0000000d,0 16px 32px 10px #0000000a,0 24px 48px 16px #00000008,0 32px 64px 24px #00000008}.dark .device{background:linear-gradient(135deg,#9aa0a8 0%,#33383f 100%)}.device-casing{background:#181818;border-radius:13.6cqw;padding:2cqw}.device-screen{border-radius:11.6cqw;position:relative;overflow:hidden}.device-screen img{width:100%;height:auto;display:block}.device-screen:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 3px 1px #0006}.device-island{background:#000;border-radius:999px;width:27cqw;height:7.8cqw;position:absolute;top:2.4cqw;left:50%;transform:translate(-50%)}.device-island:after{content:"";background:radial-gradient(circle at 35% 35%,#1d2430 0%,#05070a 70%);border-radius:50%;width:3.4cqw;height:3.4cqw;position:absolute;top:50%;right:1.6cqw;transform:translateY(-50%);box-shadow:inset 0 0 0 .2cqw #ffffff12}.device-button{background:linear-gradient(90deg,#4a4a4a 0%,#0d0d0d 100%);border-radius:.45cqw;width:.9cqw;position:absolute}.dark .device-button{background:linear-gradient(90deg,#8a9098 0%,#2b3037 100%)}.device-button-action{height:4.5%;top:15.5%;left:-.5cqw}.device-button-volume-up{height:7.5%;top:23%;left:-.5cqw}.device-button-volume-down{height:7.5%;top:32%;left:-.5cqw}.device-button-power{height:11%;top:25%;right:-.5cqw}