.lp{width:100em;height:67.35em;transform-style:preserve-3d;--lid-angle:12deg;position:relative}.lp-base{transform-origin:top;width:112em;height:70em;transform-style:preserve-3d;pointer-events:none;position:absolute;top:67.35em;left:-6em;transform:rotateX(90deg)}.lp-deck{background:radial-gradient(120% 70% at 50% 0,#4a4d53 0%,#3a3c41 55%,#303236 100%);border-radius:.6em .6em 3.4em 3.4em;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 .18em #5b5e64,inset 0 -.2em .3em #1f2023}.lp-keys{background:#1f2023;border-radius:1.4em;gap:.7em;width:84em;padding:1em;display:grid;position:absolute;top:5.2em;left:50%;translate:-50%;box-shadow:inset 0 .15em .4em #0009}.lp-row{gap:.7em;height:4.3em;display:flex}.lp-row.fn{height:2.6em}.lp-key{background:linear-gradient(#111214,#0b0b0c);border-radius:.6em;flex:1;box-shadow:inset 0 .08em #2b2c30,0 .12em #000}.lp-key.wide{flex:1.7}.lp-key.space{flex:6.2}.lp-grille{opacity:.8;background-image:radial-gradient(circle,#15161899 .18em,#0000 .22em);background-size:.75em .75em;width:7.6em;height:30em;position:absolute;top:5.8em}.lp-grille.left{left:2.8em}.lp-grille.right{right:2.8em}.lp-trackpad{background:linear-gradient(170deg,#45484e,#393b40);border-radius:1.6em;width:46em;height:25em;position:absolute;top:41.5em;left:50%;translate:-50%;box-shadow:inset 0 0 0 .12em #2a2b2f,inset 0 .25em .4em #ffffff0d}.lp-lip{transform-origin:top;background:linear-gradient(#5c5f65,#34363a 45%,#1c1d20);border-radius:0 0 1.4em 1.4em;height:1.7em;position:absolute;top:100%;left:2.2em;right:2.2em;transform:rotateX(-90deg)}.lp-scoop{background:linear-gradient(#1b1c1f,#2e3034);border-radius:0 0 1.4em 1.4em;width:16em;height:.9em;position:absolute;top:0;left:50%;translate:-50%}.lp-shadow{pointer-events:none;background:radial-gradient(50% 50% at 50% 52%,#18161257,#1816121f 55%,#0000 76%);position:absolute;inset:-14em -18em -20em;transform:translateZ(-1.8em)}.lp-lid{transform-origin:bottom;transform:rotateX(var(--lid-angle));transform-style:preserve-3d;position:absolute;inset:0}.lp-lid-front,.lp-lid-back{backface-visibility:hidden;border-radius:3.2em 3.2em 1em 1em;position:absolute;inset:0}.lp-lid-front{transform-origin:0 0;background:linear-gradient(#55585e,#3c3e43);width:100em;height:67.35em;padding:.38em;inset:0 auto auto 0;box-shadow:0 0 0 .06em #26272b}.lp-bezel{background:#050506;border-radius:2.85em 2.85em .7em .7em;height:100%;padding:1.62em 1.62em 2.62em;position:relative}.lp-screen{background:#0b1629;border-radius:1.5em 1.5em .3em .3em;width:96em;height:62.35em;margin:0 auto;position:relative;overflow:hidden}.lp-notch{z-index:10;pointer-events:none;background:#050506;border-radius:0 0 .9em .9em;place-items:center;width:12.4em;height:2.03em;display:grid;position:absolute;top:0;left:50%;translate:-50%}.lp-camera{background:radial-gradient(circle at 35% 35%,#2a3550,#0b0d12 60%);border-radius:50%;width:.62em;height:.62em}.lp-glare{z-index:9;pointer-events:none;background:linear-gradient(118deg, #ffffff13 0%, #ffffff06 calc(28% + var(--glare,0) * 1%), transparent calc(46% + var(--glare,0) * 1%));mix-blend-mode:screen;position:absolute;inset:0}.lp-lid-back{color:#6a6d73;background:radial-gradient(90% 80% at 50% 40%,#4b4e54,#36383d 70%,#2d2f33);place-items:center;display:grid;transform:rotateY(180deg)translateZ(.5em)}.lp-lid-back svg{width:9em;height:9em}.lp.lp-close .lp-base{visibility:hidden}.lp-wake{z-index:8;opacity:0;pointer-events:none;background:#050506;position:absolute;inset:0}