.handset{position:relative}.v8 .handset{--w:var(--handset-width,240px);width:var(--w);padding:var(--metal);border-radius:var(--radius);background:var(--frame);box-shadow:inset 0 0 0 calc(var(--w) * .003) var(--rim), 0 0 0 calc(var(--w) * .0022) var(--edge), 0 calc(var(--w) * .012) calc(var(--w) * .02) calc(var(--w) * -.006) #081e404d, 0 calc(var(--w) * .07) calc(var(--w) * .1) calc(var(--w) * -.075) #081e4033, 0 calc(var(--w) * .21) calc(var(--w) * .3) calc(var(--w) * -.2) #081e4070}.v8 .handset__glass{padding:var(--bezel);border-radius:calc(var(--radius) - var(--metal));box-shadow:0 0 0 calc(var(--w) * .0022) #0009, 0 0 0 calc(var(--w) * .0052) var(--chamfer);background:#060709;position:relative}.v8 .handset__glass:before{content:"";inset:calc(var(--w) * .0025 - var(--metal));border:calc(var(--w) * .0035) solid var(--shine);border-radius:calc(var(--radius) - var(--w) * .0025);pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#000 0%,#00000073 14%,#0000 40% 88%,#0000004d 100%);mask-image:linear-gradient(#000 0%,#00000073 14%,#0000 40% 88%,#0000004d 100%)}.v8 .handset__glass:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff24 0%,#ffffff0f 26%,#fff0 46%);position:absolute;inset:0}.v8 .handset__screen{aspect-ratio:var(--screen);border-radius:calc(var(--radius) - var(--metal) - var(--bezel));background:#fff;position:relative;overflow:hidden}.v8 .handset__screen img{object-fit:cover;width:100%;height:100%;display:block}.v8 .handset:before,.v8 .handset:after{content:"";width:calc(var(--w) * .009);background-repeat:no-repeat;position:absolute;top:0;bottom:0}.v8 .handset:before{right:calc(100% - var(--w) * .0015)}.v8 .handset:after{left:calc(100% - var(--w) * .0015)}.v8 .handset--iphone{--metal:calc(var(--w) * .0125);--bezel:calc(var(--w) * .022);--radius:calc(var(--w) * .178);--screen:1206 / 2622;--frame:linear-gradient(180deg, #f7f8fa 0%, #cfd4db 5%, #e9ecf0 20%, #bfc5cd 46%, #e2e5e9 70%, #c5cad1 90%, #a3aab4 100%);--edge:#081e404d;--rim:#46505f24;--chamfer:#fff9;--shine:#fffffff2;--key:linear-gradient(90deg, #a9b0ba, #e4e7eb)}.v8 .handset--iphone:before{background-image:var(--key), var(--key), var(--key);background-position:0 21.5%,0 31.6%,0 41.9%;background-size:100% 4.6%,100% 6.6%,100% 6.6%}.v8 .handset--iphone:after{background-image:linear-gradient(90deg,#e4e7eb,#a9b0ba),linear-gradient(90deg,#b3bac4,#8e96a2);background-position:0 33.5%,0 66.5%;background-size:100% 10.5%,68% 7.4%}.v8 .handset--pixel{--metal:calc(var(--w) * .012);--bezel:calc(var(--w) * .023);--radius:calc(var(--w) * .205);--screen:1080 / 2410;--frame:linear-gradient(180deg, #757a83 0%, #3b3e44 5%, #4a4d54 22%, #2c2e33 48%, #43464c 72%, #303237 90%, #1d1e21 100%);--edge:#00000080;--rim:#00000040;--chamfer:#ffffff29;--shine:#ffffff73}.v8 .handset--pixel:before{content:none}.v8 .handset--pixel:after{background-image:linear-gradient(90deg,#3c3f45,#1a1b1e),linear-gradient(90deg,#3c3f45,#1a1b1e);background-position:0 26.5%,0 42%;background-size:100% 6.2%,100% 13.5%}.v8 .handset--pixel .handset__screen:before{content:"";z-index:1;top:calc(var(--w) * .0713);width:calc(var(--w) * .041);aspect-ratio:1;background:radial-gradient(circle at 38% 34%,#96aadc8c 0 7%,#96aadc00 16%),radial-gradient(circle,#17203a 0 22%,#07090d 34%,#000 64%,#0b0c0f 100%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}html.dark .v8:not(.is-light) .handset,.v8.is-embed.is-dark .handset{box-shadow:inset 0 0 0 calc(var(--w) * .003) var(--rim), 0 0 0 calc(var(--w) * .0022) var(--edge), 0 calc(var(--w) * .012) calc(var(--w) * .02) calc(var(--w) * -.006) #00000080, 0 calc(var(--w) * .07) calc(var(--w) * .1) calc(var(--w) * -.075) #00000059, 0 calc(var(--w) * .21) calc(var(--w) * .3) calc(var(--w) * -.2) #000000b3}html.dark .v8:not(.is-light) .handset--iphone,.v8.is-embed.is-dark .handset--iphone{--edge:#00000080}html.dark .v8:not(.is-light) .handset--pixel,.v8.is-embed.is-dark .handset--pixel{--edge:#ffffff1f;--shine:#ffffff8c;--frame:linear-gradient(180deg, #8a8f98 0%, #4a4d54 5%, #3a3d43 22%, #25272c 48%, #3a3d43 72%, #2a2c31 90%, #4a4d54 100%)}html.dark .v8:not(.is-light) .handset--pixel:after,.v8.is-embed.is-dark .handset--pixel:after{background-image:linear-gradient(90deg,#5d6169,#33363b),linear-gradient(90deg,#5d6169,#33363b)}