.hw-monitor{position:relative;width:100%;aspect-ratio:612.2 / 460;container-type:inline-size}.hw-monitor:after{content:"";position:absolute;left:31%;right:31%;bottom:-.8cqw;height:1.8cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),rgba(0,0,0,.3) 60%,transparent);z-index:-1}.hw-monitor-panel{position:absolute;inset:0 0 auto 0;height:76.63%;border-radius:.55cqw;background:linear-gradient(180deg,#3a3d42,#25272b 50%,#1a1b1e);box-shadow:0 1.2cqw 2cqw -1cqw #0009}.hw-monitor-panel:before{content:"";position:absolute;top:.16cqw;right:.16cqw;bottom:.16cqw;left:.16cqw;border-radius:.42cqw;background:linear-gradient(180deg,#0c0d0f,#050506 70%,#0b0c0e);box-shadow:inset 0 0 0 1px #ffffff0a}.hw-monitor .hw-screen{position:absolute;left:1.266%;right:1.266%;top:1.81%;height:95.21%;overflow:hidden;container-type:inline-size;background:#000;border-radius:.1cqw}.hw-monitor-arm{position:absolute;left:46.6%;width:6.8%;top:74%;bottom:2.1cqw;border-radius:.5cqw .5cqw .2cqw .2cqw;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 22% 78%,rgba(0,0,0,.35)),linear-gradient(180deg,#0d0e10 20%,#2a2c30 45%,#3b3e43)}.hw-monitor-foot{position:absolute;left:34%;width:32%;bottom:0;height:3.2cqw;border-radius:50%;background:radial-gradient(60% 70% at 50% 35%,rgba(255,255,255,.14),transparent 70%),linear-gradient(180deg,#45484d,#26282c 55%,#141518);box-shadow:inset 0 .18cqw #ffffff1f,0 .4cqw 1cqw #0009}.hw-pixel{position:relative;width:100%;aspect-ratio:72 / 152.8;container-type:inline-size;border-radius:14.6%/6.9%}.hw-pixel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#08090b;box-shadow:inset 0 0 0 .9cqw #9a9da3,inset .5cqw .5cqw .6cqw #ffffff59,inset -.5cqw -.6cqw .8cqw #00000073,inset 0 0 0 1.4cqw #2a2c30,0 4cqw 8cqw #000000a6,0 1cqw 2cqw #00000080;background-image:linear-gradient(160deg,rgba(255,255,255,.07),transparent 40%)}.hw-pixel-keys:before,.hw-pixel-keys:after{content:"";position:absolute;right:-.9%;width:1.4%;border-radius:0 40% 40% 0/0 20% 20% 0;background:linear-gradient(90deg,#6e7176,#b4b7bc 55%,#6a6d72)}.hw-pixel-keys:before{top:25%;height:9.2%}.hw-pixel-keys:after{top:37.5%;height:16.5%}.hw-pixel .hw-screen{position:absolute;top:2.2%;right:4.8%;bottom:2.2%;left:4.8%;overflow:hidden;container-type:inline-size;background:#000;border-radius:11.5%/5.1%}.hw-pixel .hw-screen:after{content:"";position:absolute;z-index:2;top:3.2cqw;left:50%;width:5cqw;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 40% 38%,#2a2d33 0,#2a2d33 18%,#050506 45%);box-shadow:0 0 0 1px #ffffff0d}