.dg-devices{position:relative;padding:.5rem 0 2.4rem}.dg-devices:before{content:"";position:absolute;top:-12%;right:-6%;bottom:0;left:-6%;background:radial-gradient(52% 46% at 58% 40%,rgba(61,123,216,.28),transparent 70%);filter:blur(12px);z-index:0;pointer-events:none}.dgl{position:relative;z-index:1}.dgl-lid{position:relative;padding:.62rem;border-radius:.85rem .85rem 0 0;background:linear-gradient(158deg,#1b1e25,#0b0c10 55%,#14161c);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff17,0 70px 140px -40px #000000f2,0 30px 70px -40px #3d7bd866}.dgl-cam{position:absolute;top:.28rem;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#2a2d36;box-shadow:0 0 0 1px #000;z-index:2}.dgl-screen{aspect-ratio:16 / 10;border-radius:.35rem;overflow:hidden;background:var(--bg-0);box-shadow:inset 0 0 0 1px #0000008c}.dgl-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transform:scale(1.16) translate(9%);transform-origin:center}.dgl-base{position:relative;height:.8rem;width:112%;margin-left:-6%;border-radius:0 0 .7rem .7rem;background:linear-gradient(#22252e,#0e1014 55%,#05060a);box-shadow:inset 0 1px #ffffff14,0 26px 44px -18px #000000e6}.dgl-hinge{position:absolute;top:0;left:50%;transform:translate(-50%);width:13%;height:.3rem;background:#050608;border-radius:0 0 .4rem .4rem}.dgp{position:absolute;left:-.9rem;bottom:0;width:min(180px,36%);z-index:3;container-type:inline-size}.dgp-frame{position:relative;aspect-ratio:9 / 19.5;padding:3cqw;border-radius:15cqw;background:linear-gradient(155deg,#23262f,#0c0d11 46%,#171921);box-shadow:inset 0 0 0 .5cqw #ffffff0f,inset 0 1cqw 1.5cqw #ffffff12,0 70px 140px -40px #000000f2,0 30px 70px -40px #3d7bd866}.dgp-frame:before,.dgp-frame:after{content:"";position:absolute;width:1cqw;border-radius:.5cqw;background:#171921}.dgp-frame:before{right:-1cqw;top:26%;height:9%}.dgp-frame:after{left:-1cqw;top:19%;height:6.5%}.dgp-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:12.5cqw;display:block;background:var(--bg-0)}.dgp-island{position:absolute;top:4.2cqw;left:50%;transform:translate(-50%);width:32%;height:6.5cqw;background:#050506;border-radius:999px;z-index:2}@media(max-width:520px){.dgp{width:132px;left:-.4rem}.dgl-base{width:106%;margin-left:-3%}}