@property --lg-laptop-u{syntax:"<length>";inherits:true;initial-value:0}@layer properties,theme,base;@layer components{.lg-laptop{--lg-laptop-metal-light:#55555a;--lg-laptop-metal:#2d2d30;--lg-laptop-metal-dark:#1d1d1f;--lg-laptop-metal-deep:#101011;--lg-laptop-edge:#ffffff3d;--lg-laptop-shell-light:#424246;--lg-laptop-shell:#2c2c2f;--lg-laptop-shell-dark:#1f1f22;--lg-laptop-deck-back:#1d1d20;--lg-laptop-deck:#313135;--lg-laptop-deck-front:#444449;--lg-laptop-well:#070708;--lg-laptop-key:#161618;--lg-laptop-grille:#0000008c;--lg-laptop-pad:#ffffff0a;--lg-laptop-cover:#0d0d0e;--lg-laptop-glass:#060607;margin:0;container-type:inline-size}.lg-laptop[data-finish=silver]{--lg-laptop-metal-light:#fbfbfc;--lg-laptop-metal:#dadbdd;--lg-laptop-metal-dark:#b3b5b8;--lg-laptop-metal-deep:#85878b;--lg-laptop-edge:#fffffff2;--lg-laptop-shell-light:#f3f4f5;--lg-laptop-shell:#dadbdd;--lg-laptop-shell-dark:#c2c3c6;--lg-laptop-deck-back:#a3a5a9;--lg-laptop-deck:#cbccd0;--lg-laptop-deck-front:#e1e2e4;--lg-laptop-well:#0b0b0c;--lg-laptop-key:#19191b;--lg-laptop-grille:#00000052;--lg-laptop-pad:#ffffff38;--lg-laptop-cover:#2c2d2f}.lg-laptop-body{--lg-laptop-u:calc(100cqi / 379);isolation:isolate;aspect-ratio:379/257.5;perspective:calc(4034 * var(--lg-laptop-u));perspective-origin:50% calc(170.8 * var(--lg-laptop-u));position:relative}.lg-laptop-rig{transform-origin:calc(189.5 * var(--lg-laptop-u)) calc(246 * var(--lg-laptop-u)) calc(124 * var(--lg-laptop-u));transform-style:preserve-3d;position:absolute;inset:0}.lg-laptop-lid{top:0;left:calc(11.65 * var(--lg-laptop-u));width:calc(355.7 * var(--lg-laptop-u));height:calc(238 * var(--lg-laptop-u));transform-origin:50% calc(241.2 * var(--lg-laptop-u));transform-style:preserve-3d;position:absolute}.lg-laptop-lid-face{border-radius:calc(6.2 * var(--lg-laptop-u)) calc(6.2 * var(--lg-laptop-u)) calc(2.4 * var(--lg-laptop-u)) calc(2.4 * var(--lg-laptop-u));background:linear-gradient(var(--lg-laptop-metal-light), var(--lg-laptop-metal) 1.5%, var(--lg-laptop-metal-dark));box-shadow:inset 0 1px 0 var(--lg-laptop-edge), inset 1px 0 0 #ffffff12, inset -1px 0 0 #ffffff12, inset 0 -1px 0 #00000059;backface-visibility:hidden;position:absolute;inset:0}.lg-laptop-lid-back{border-radius:calc(6.2 * var(--lg-laptop-u));background:radial-gradient(120% 70% at 30% 0%, #ffffff12, transparent 60%), linear-gradient(var(--lg-laptop-shell-light), var(--lg-laptop-shell) 40%, var(--lg-laptop-shell-dark));transform:translateZ(calc(-5.5 * var(--lg-laptop-u))) rotateY(180deg);backface-visibility:hidden;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0d}.lg-laptop-lid-edge{top:calc(-5.5 * var(--lg-laptop-u));left:calc(6.05 * var(--lg-laptop-u));width:calc(343.6 * var(--lg-laptop-u));height:calc(5.5 * var(--lg-laptop-u));background:linear-gradient(var(--lg-laptop-metal-light), var(--lg-laptop-metal) 55%, var(--lg-laptop-metal-dark));box-shadow:inset 0 1px 0 var(--lg-laptop-edge);transform-origin:50% 100%;backface-visibility:hidden;position:absolute;transform:rotateX(90deg)}.lg-laptop-lid-facet{height:calc(5.5 * var(--lg-laptop-u));background:linear-gradient(to top, color-mix(in srgb, var(--lg-laptop-metal-light), #000 var(--lg-laptop-turn)), color-mix(in srgb, var(--lg-laptop-metal), #000 var(--lg-laptop-turn)) 55%, color-mix(in srgb, var(--lg-laptop-metal-dark), #000 var(--lg-laptop-turn)));box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--lg-laptop-edge), transparent var(--lg-laptop-turn));transform-origin:0 0;backface-visibility:hidden;position:absolute;top:0;left:0}.lg-laptop-glass{inset:calc(1.55 * var(--lg-laptop-u));border-radius:calc(4.65 * var(--lg-laptop-u)) calc(4.65 * var(--lg-laptop-u)) var(--lg-laptop-u) var(--lg-laptop-u);background:var(--lg-laptop-glass);position:absolute;overflow:hidden;box-shadow:0 0 0 .5px #000000b3}.lg-laptop-screen{top:calc(3.5 * var(--lg-laptop-u));left:calc(3.5 * var(--lg-laptop-u));width:calc(345.6 * var(--lg-laptop-u));height:calc(223.4 * var(--lg-laptop-u));isolation:isolate;border-radius:calc(2 * var(--lg-laptop-u)) calc(2 * var(--lg-laptop-u)) 0 0;background:#000;position:absolute;overflow:hidden}.lg-laptop-display{transform-origin:0 0;scale:var(--lg-laptop-scale);position:absolute;top:0;left:0}.lg-laptop-display:not([data-fitted]){visibility:hidden}.lg-laptop-shutter{background:var(--lg-laptop-glass);pointer-events:none;position:absolute;inset:0}.lg-laptop-notch{z-index:1;top:calc(3 * var(--lg-laptop-u));width:calc(37 * var(--lg-laptop-u));height:calc(6.9 * var(--lg-laptop-u));border-radius:0 0 calc(2 * var(--lg-laptop-u)) calc(2 * var(--lg-laptop-u));background:var(--lg-laptop-glass);position:absolute;left:50%;translate:-50%}.lg-laptop-notch:before,.lg-laptop-notch:after{content:"";top:calc(.5 * var(--lg-laptop-u));width:calc(.8 * var(--lg-laptop-u));height:calc(.8 * var(--lg-laptop-u));position:absolute}.lg-laptop-notch:before{background:radial-gradient(circle at 0 100%, transparent calc(.8 * var(--lg-laptop-u) - .5px), var(--lg-laptop-glass) calc(.8 * var(--lg-laptop-u)));right:100%}.lg-laptop-notch:after{background:radial-gradient(circle at 100% 100%, transparent calc(.8 * var(--lg-laptop-u) - .5px), var(--lg-laptop-glass) calc(.8 * var(--lg-laptop-u)));left:100%}.lg-laptop-camera{top:calc(.85 * var(--lg-laptop-u));width:calc(2.2 * var(--lg-laptop-u));aspect-ratio:1;background:radial-gradient(circle at 36% 34%,#fff6 0 5%,#0000 9%),radial-gradient(circle,#26304f 0 14%,#0d1020 30%,#040406 46%,#1b1b1f 58%,#0b0b0c 70%);border-radius:50%;position:absolute;left:50%;translate:-50%}.lg-laptop-glare{z-index:2;pointer-events:none;background:linear-gradient(112deg,#ffffff12,#ffffff06 34%,#0000 46%);position:absolute;inset:0}.lg-laptop-hinge{top:calc(236.8 * var(--lg-laptop-u));left:calc(.3 * var(--lg-laptop-u));width:calc(355.1 * var(--lg-laptop-u));height:calc(4.8 * var(--lg-laptop-u));border-radius:0 0 calc(2.4 * var(--lg-laptop-u)) calc(2.4 * var(--lg-laptop-u));background:linear-gradient(#0000008c, #ffffff0d 45%, #00000080), linear-gradient(90deg, var(--lg-laptop-metal-dark) 4%, var(--lg-laptop-cover) 5% 95%, var(--lg-laptop-metal-dark) 96%);backface-visibility:hidden;position:absolute}.lg-laptop-deck{top:calc(241.2 * var(--lg-laptop-u));left:calc(11.65 * var(--lg-laptop-u));width:calc(355.7 * var(--lg-laptop-u));height:calc(248 * var(--lg-laptop-u));border-radius:calc(6.2 * var(--lg-laptop-u));background:linear-gradient(#00000080, transparent 8%), linear-gradient(var(--lg-laptop-deck-back), var(--lg-laptop-deck) 30%, var(--lg-laptop-deck-front));box-shadow:inset 0 calc(-.5 * var(--lg-laptop-u)) 0 #ffffff1f;transform-origin:50% 0;position:absolute;transform:rotateX(90deg)}.lg-laptop-speaker{top:calc(16 * var(--lg-laptop-u));width:calc(24 * var(--lg-laptop-u));height:calc(107 * var(--lg-laptop-u));background:radial-gradient(circle, var(--lg-laptop-grille) calc(.3 * var(--lg-laptop-u)), transparent calc(.42 * var(--lg-laptop-u))) 0 0 / calc(1.35 * var(--lg-laptop-u)) calc(1.35 * var(--lg-laptop-u));position:absolute}.lg-laptop-speaker[data-side=left]{left:calc(15 * var(--lg-laptop-u))}.lg-laptop-speaker[data-side=right]{right:calc(15 * var(--lg-laptop-u))}.lg-laptop-keyboard{top:calc(14 * var(--lg-laptop-u));left:calc(44.4 * var(--lg-laptop-u));gap:calc(1.8 * var(--lg-laptop-u));width:calc(266.9 * var(--lg-laptop-u));height:calc(110.4 * var(--lg-laptop-u));padding:calc(.9 * var(--lg-laptop-u));border-radius:calc(2.4 * var(--lg-laptop-u));background:var(--lg-laptop-well);box-shadow:inset 0 0 0 calc(.3 * var(--lg-laptop-u)) #0006;flex-direction:column;display:flex;position:absolute}.lg-laptop-key-row,.lg-laptop-arrows{gap:calc(1.8 * var(--lg-laptop-u));flex:1 1 0;display:flex}.lg-laptop-arrows{flex-grow:3}.lg-laptop-key{border-radius:calc(1.1 * var(--lg-laptop-u));background:var(--lg-laptop-key);box-shadow:inset 0 calc(.25 * var(--lg-laptop-u)) 0 #ffffff12;flex:1 1 0}.lg-laptop-key--half{height:calc(50% - .45 * var(--lg-laptop-u));align-self:flex-end}.lg-laptop-arrow-stack{gap:calc(.9 * var(--lg-laptop-u));flex-direction:column;flex:1 1 0;display:flex}.lg-laptop-trackpad{top:calc(133 * var(--lg-laptop-u));left:calc(97.85 * var(--lg-laptop-u));width:calc(160 * var(--lg-laptop-u));height:calc(99 * var(--lg-laptop-u));border-radius:calc(4 * var(--lg-laptop-u));background:var(--lg-laptop-pad);box-shadow:inset 0 0 0 calc(.3 * var(--lg-laptop-u)) #0000002e;position:absolute}.lg-laptop-deck-scoop{width:calc(47.9 * var(--lg-laptop-u));height:calc(4 * var(--lg-laptop-u));border-radius:calc(2 * var(--lg-laptop-u)) calc(2 * var(--lg-laptop-u)) 0 0;background:linear-gradient(#0000000a,#00000059);position:absolute;bottom:0;left:50%;translate:-50%}.lg-laptop-front{top:calc(241.2 * var(--lg-laptop-u));left:calc(17.7 * var(--lg-laptop-u));width:calc(343.6 * var(--lg-laptop-u));height:calc(9.855 * var(--lg-laptop-u));background:linear-gradient(var(--lg-laptop-metal-light), var(--lg-laptop-metal) 14% 45%, var(--lg-laptop-metal-dark) 82%, var(--lg-laptop-metal-deep));box-shadow:inset 0 1px 0 var(--lg-laptop-edge);transform:translateZ(calc(248 * var(--lg-laptop-u)));position:absolute}.lg-laptop-scoop{width:calc(47.9 * var(--lg-laptop-u));height:calc(2.44 * var(--lg-laptop-u));border-radius:0 0 calc(2.44 * var(--lg-laptop-u)) calc(2.44 * var(--lg-laptop-u));box-shadow:inset 0 -1px 0 var(--lg-laptop-edge);background:linear-gradient(#0000006b,#00000029);position:absolute;top:0;left:50%;translate:-50%}.lg-laptop-front:before,.lg-laptop-front:after{content:"";width:calc(18.8 * var(--lg-laptop-u));height:calc(1.13 * var(--lg-laptop-u));border-radius:0 0 calc(1.9 * var(--lg-laptop-u)) calc(1.9 * var(--lg-laptop-u));background:#0b0b0c;position:absolute;top:100%}.lg-laptop-front:before{left:calc(18.35 * var(--lg-laptop-u))}.lg-laptop-front:after{right:calc(18.35 * var(--lg-laptop-u))}.lg-laptop-base-facet{height:calc(9.855 * var(--lg-laptop-u));background:linear-gradient(color-mix(in srgb, var(--lg-laptop-metal-light), #000 var(--lg-laptop-turn)), color-mix(in srgb, var(--lg-laptop-metal), #000 var(--lg-laptop-turn)) 14% 45%, color-mix(in srgb, var(--lg-laptop-metal-dark), #000 var(--lg-laptop-turn)) 82%, var(--lg-laptop-metal-deep));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--lg-laptop-edge), transparent var(--lg-laptop-turn));transform-origin:0 0;backface-visibility:hidden;position:absolute;top:0;left:0}.lg-laptop-ground{top:calc(252.3 * var(--lg-laptop-u));left:calc(-13.35 * var(--lg-laptop-u));width:calc(405.7 * var(--lg-laptop-u));height:calc(300 * var(--lg-laptop-u));transform-origin:50% 0;transform:rotateX(90deg) translateY(calc(-26 * var(--lg-laptop-u)));background:radial-gradient(closest-side,#0000004d,#0000001f 60%,#0000);position:absolute}.lg-laptop-ground:after{content:"";top:calc(26 * var(--lg-laptop-u));left:calc(25 * var(--lg-laptop-u));width:calc(355.7 * var(--lg-laptop-u));height:calc(248 * var(--lg-laptop-u));border-radius:calc(6.2 * var(--lg-laptop-u));box-shadow:0 0 calc(5 * var(--lg-laptop-u)) calc(1.5 * var(--lg-laptop-u)) #0000004d;background:#00000040;position:absolute}.lg-laptop-shadow{z-index:-1;top:calc(248 * var(--lg-laptop-u));width:106%;height:calc(18 * var(--lg-laptop-u));background:radial-gradient(closest-side,#0000004d,#0000001f 55%,#0000);position:absolute;left:-3%}.lg-laptop-shadow:after{content:"";top:calc(7 * var(--lg-laptop-u));width:90%;height:calc(4 * var(--lg-laptop-u));background:radial-gradient(closest-side,#00000080,#0000);position:absolute;left:5%}.lg-laptop-rig{transition:transform 2.4s cubic-bezier(.4,0,.12,1)}.lg-laptop-lid{transition:transform 2s cubic-bezier(.6,0,.2,1)}.lg-laptop-glare{transition:translate 2s cubic-bezier(.6,0,.2,1)}.lg-laptop-shadow{transition:opacity 2.4s cubic-bezier(.4,0,.12,1)}.lg-laptop-shutter{transition:opacity .35s ease-in}.lg-laptop[data-screen=on] .lg-laptop-shutter{opacity:0;transition:opacity .9s cubic-bezier(.2,.6,.2,1) .1s}.lg-laptop[data-lid=closed] .lg-laptop-rig{transform:translateY(calc(-105 * var(--lg-laptop-u))) translateZ(calc(-380 * var(--lg-laptop-u))) rotateX(-28deg);transition:transform 2.2s cubic-bezier(.45,0,.25,1) .35s}.lg-laptop[data-lid=closed] .lg-laptop-lid{transition:transform 1.6s cubic-bezier(.55,0,.35,1) .3s;transform:rotateX(-90deg)}.lg-laptop[data-lid=closed] .lg-laptop-glare{transition:translate 1.6s cubic-bezier(.55,0,.35,1) .3s;translate:0 -40%}.lg-laptop[data-lid=closed] .lg-laptop-shadow{opacity:0;transition:opacity 1.4s .35s}[data-lg-reduce-motion="1"] .lg-laptop :is(.lg-laptop-rig,.lg-laptop-lid,.lg-laptop-glare,.lg-laptop-shadow,.lg-laptop-shutter){transition:none}@media (prefers-reduced-motion:reduce){.lg-laptop[data-lid] :is(.lg-laptop-rig,.lg-laptop-lid,.lg-laptop-glare,.lg-laptop-shadow,.lg-laptop-shutter){transition:none}}[data-lg-reduce-transparency="1"] .lg-laptop-glare{display:none}@media (prefers-reduced-transparency:reduce){.lg-laptop-glare{display:none}}}@layer utilities;