.mbp-scene{view-timeline:--mbp block;--mbp-ease-out:cubic-bezier(.2, .7, .3, 1);--mbp-ease-in-out:cubic-bezier(.65, 0, .35, 1)}.mbp-stage{padding-bottom:8cqw;position:relative;container-type:inline-size}.mbp{--mbp-rim-hi:#6b6c72;--mbp-rim:#3a3b40;--mbp-rim-lo:#1d1d20;--mbp-lid-hi:#3d3e43;--mbp-lid-lo:#26272b;--mbp-deck-hi:#34353a;--mbp-deck:#2a2b2f;--mbp-deck-lo:#1c1d20;--mbp-grille:#0000008c;--mbp-glow:#8ca6d429;--mbp-spill:#aac0e61f;--mbp-sheen:#ffffff14;--mbp-edge:#ffffff38;--mbp-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.55'/%3E%3C/svg%3E");transform-origin:50% 0;--mbp-lid-depth:1.2cqw;perspective:300cqw;perspective-origin:50% 0;width:100%;position:relative}html:not(.dark) .mbp{--mbp-rim-hi:#f4f4f6;--mbp-rim:#d5d6da;--mbp-rim-lo:#a9abb1;--mbp-lid-hi:#e6e7ea;--mbp-lid-lo:#c9cbd0;--mbp-deck-hi:#e6e7ea;--mbp-deck:#d9dade;--mbp-deck-lo:#c6c8cd;--mbp-grille:#00000061;--mbp-glow:#afc6f033;--mbp-spill:#ffffff4d;--mbp-sheen:#ffffff8c;--mbp-edge:#ffffffe6}.mbp-lid{z-index:3;transform-origin:50% 100%;transform-style:preserve-3d;position:relative}.mbp-front{background:linear-gradient(90deg, #00000040, transparent 6%, transparent 94%, #00000040), linear-gradient(180deg, var(--mbp-rim-hi), var(--mbp-rim) 18%, var(--mbp-rim-lo));box-shadow:inset 0 .07cqw 0 var(--mbp-edge), inset 0 -.05cqw 0 #00000059, 0 0 0 .06cqw #00000059, 0 3cqw 6cqw -2cqw #00000080,  0 0 6cqw var(--mbp-glow);border-radius:2.7cqw 2.7cqw 1cqw 1cqw;padding:.2cqw;position:relative}.mbp-back{background:var(--mbp-grain), radial-gradient(80% 70% at 32% 22%, var(--mbp-sheen), transparent 70%), linear-gradient(180deg, var(--mbp-lid-hi), var(--mbp-lid-lo));background-blend-mode:overlay, normal, normal;box-shadow:inset 0 .1cqw 0 var(--mbp-edge), inset 0 0 0 .12cqw #ffffff0f;transform:translateZ(calc(var(--mbp-lid-depth) * -1)) rotateX(180deg);visibility:hidden;border-radius:2.7cqw 2.7cqw 1cqw 1cqw;place-items:center;display:grid;position:absolute;inset:0}.mbp-back svg{color:#fff;opacity:.4;filter:drop-shadow(0 0 .5cqw #ffffffa6);width:11cqw;height:11cqw;position:relative}.mbp-back:before{content:"";opacity:0;background:radial-gradient(closest-side,#ffffff38,#ffffff0f 55%,#0000);border-radius:50%;width:30cqw;height:30cqw;position:absolute;top:50%;left:50%;translate:-50% -50%}.mbp-lid-edge{height:var(--mbp-lid-depth);transform-origin:50% 0;background:linear-gradient(180deg, var(--mbp-rim), var(--mbp-rim-lo) 70%, var(--mbp-lid-lo));visibility:hidden;border-radius:999px;position:absolute;top:0;left:.5cqw;right:.5cqw;transform:rotateX(-90deg);box-shadow:inset 0 .04cqw #ffffff2e}.mbp-bezel{background:#050506;border-radius:2.5cqw 2.5cqw .8cqw .8cqw;padding:1.05cqw 1.05cqw 1.5cqw;position:relative;box-shadow:inset 0 0 0 .08cqw #ffffff12}.mbp-bezel:before{content:"";z-index:59;border-radius:inherit;opacity:0;visibility:hidden;pointer-events:none;background:#000;position:absolute;inset:0}.mbp-bezel:after{content:"";z-index:60;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0d,#0000 2.5%),linear-gradient(118deg,#ffffff12 0%,#ffffff05 24%,#0000 38%),linear-gradient(118deg,#0000 60%,#ffffff06 67%,#0000 75%);position:absolute;inset:0}.mbp-screen{aspect-ratio:3024/1964;isolation:isolate;background:#141518;border-radius:1.45cqw 1.45cqw .35cqw .35cqw;position:relative;overflow:hidden}.mbp-screen:after{content:"";z-index:100;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .05cqw #00000080}.mbp-wallpaper{z-index:-2;background:radial-gradient(60% 80% at 18% 12%,#5c687a4d,#0000 65%),radial-gradient(55% 70% at 86% 88%,#8068544d,#0000 62%),linear-gradient(#1b1d21,#0f1013);position:absolute;inset:0}html:not(.dark) .mbp-wallpaper{background:radial-gradient(60% 80% at 18% 12%,#d6deeaf2,#0000 65%),radial-gradient(55% 70% at 86% 88%,#eee2d6f2,#0000 62%),linear-gradient(#eceef1,#dfe2e6)}.mbp-launch{z-index:-1;color:#ffffffe6;pointer-events:none;place-items:center;transition:opacity .45s ease-out,scale .45s cubic-bezier(.32,.72,0,1);display:grid;position:absolute;inset:0}html:not(.dark) .mbp-launch{color:#141418d9}.mbp-launch svg{width:6.5cqw;height:6.5cqw;animation:1.15s cubic-bezier(.45,0,.55,1) .1s both mbp-launch-in}.mbp-screen:has([data-launched]) .mbp-launch{opacity:0;scale:1.5}@keyframes mbp-launch-in{0%{opacity:0;transform:scale(.4)rotate(0)}35%{opacity:1;transform:scale(1)rotate(0)}to{opacity:1;transform:scale(1)rotate(360deg)}}.mbp-notch{z-index:55;pointer-events:none;background:#050506;border-radius:0 0 .85cqw .85cqw;width:11.8cqw;height:2.1cqw;position:absolute;top:1.05cqw;left:50%;translate:-50%}.mbp-notch:before,.mbp-notch:after{content:"";background:radial-gradient(circle at var(--mbp-join) 100%, transparent .5cqw, #050506 .52cqw);width:.5cqw;height:.5cqw;position:absolute;top:0}.mbp-notch:before{--mbp-join:0%;right:100%}.mbp-notch:after{--mbp-join:100%;left:100%}.mbp-camera{background:radial-gradient(circle at 35% 35%,#2c3b5c 0%,#0c1220 45%,#050506 70%);border-radius:999px;width:.62cqw;height:.62cqw;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 .08cqw #121318}.mbp-hinge{z-index:1;background:linear-gradient(#0c0c0e,#2c2d32 65%,#121215);border-radius:0 0 .6cqw .6cqw;width:86%;height:.9cqw;margin:-.15cqw auto 0;position:relative;box-shadow:inset 0 -.05cqw #ffffff0f}.mbp-base{z-index:0;perspective:300cqw;perspective-origin:50% -66.3cqw;pointer-events:none;height:24cqw;margin:-.4cqw -14cqw 0;position:relative}.mbp-deck{background:var(--mbp-grain), linear-gradient(180deg, #0006, transparent 6%), linear-gradient(90deg, #0003, transparent 12%, transparent 88%, #0003), radial-gradient(55% 45% at 28% 55%, var(--mbp-sheen), transparent), linear-gradient(180deg, var(--mbp-deck-lo) 0%, var(--mbp-deck) 5%, var(--mbp-deck-hi) 100%);background-blend-mode:overlay, normal, normal, normal, normal;transform-origin:50% 0;border-radius:0 0 3cqw 3cqw;gap:1.3cqw;height:66.3cqw;padding:2.6cqw 1.9cqw 0;display:flex;position:absolute;top:0;left:14cqw;right:14cqw;transform:rotateX(62deg)}.mbp-trackpad{background:linear-gradient(#0000001f,#ffffff0a);border-radius:1.6cqw;width:42%;height:17cqw;position:absolute;bottom:2.4cqw;left:50%;translate:-50%;box-shadow:inset 0 0 0 .12cqw #00000047,inset 0 .2cqw #ffffff0d}.mbp-deck-front{background:linear-gradient(180deg, var(--mbp-deck-hi), var(--mbp-deck-lo) 60%, var(--mbp-rim-lo));height:2.4cqw;box-shadow:inset 0 .06cqw 0 var(--mbp-edge), 0 1.6cqw 3cqw -.6cqw #00000073;transform-origin:50% 0;border-radius:0 0 1.4cqw 1.4cqw;position:absolute;top:0;left:15.5cqw;right:15.5cqw;transform:rotateX(62deg)translateY(66.3cqw)rotateX(-90deg)}.mbp-deck:after{content:"";border-radius:inherit;background:radial-gradient(65% 24% at 50% 0%, var(--mbp-spill), transparent);pointer-events:none;position:absolute;inset:0}.mbp-deck-slot{z-index:4;pointer-events:none;justify-content:center;align-items:flex-start;height:24cqw;padding-top:4.6cqw;display:flex;position:absolute;bottom:8cqw;left:0;right:0}.mbp-deck-slot>*{pointer-events:auto}.mbp-speaker{background-image:radial-gradient(circle, var(--mbp-grille) .11cqw, transparent .14cqw);background-size:.46cqw .46cqw;flex:0 0 5.6cqw;height:37cqw}.mbp-keyboard{background:#0a0a0b;border-radius:.9cqw;flex-direction:column;flex:1;align-self:flex-start;gap:.5cqw;padding:.5cqw;display:flex;box-shadow:inset 0 .1cqw .3cqw #0009}.mbp-row{gap:.5cqw;height:5.4cqw;display:flex}.mbp-key{color:#f0f3fad1;text-shadow:0 0 .35cqw #d7e4ff66;white-space:nowrap;background:linear-gradient(#1c1c1f,#141416);border-radius:.5cqw;flex-direction:column;flex-basis:0;justify-content:center;align-items:center;padding:.45cqw .55cqw;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:1.15cqw;line-height:1.05;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .07cqw #ffffff12,inset 0 -.1cqw #00000080}html:not(.dark) .mbp-key{color:#ececf0b8;text-shadow:none}.mbp-key[data-align=start]{justify-content:flex-end;align-items:flex-start;font-size:.82cqw}.mbp-key[data-align=end]{justify-content:flex-end;align-items:flex-end;font-size:.82cqw}.mbp-key[data-small]{font-size:.78cqw}.mbp-key[data-touch-id]:after{content:"";border-radius:.4cqw;position:absolute;inset:.55cqw;box-shadow:inset 0 0 0 .08cqw #ffffff1a}.mbp-arrows{flex:3.1 1 0;align-items:flex-end;gap:.5cqw;display:flex}.mbp-arrows>.mbp-key{flex:1 1 0;height:50%;font-size:.8cqw}.mbp-arrows-stack{flex-direction:column;flex:1 1 0;gap:.25cqw;height:100%;display:flex}.mbp-arrows-stack>.mbp-key{flex:1 1 0;font-size:.8cqw}.mbp-floor{z-index:2;background:linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--background) 70%, transparent) 9.7%, var(--background) 17.7%);pointer-events:none;width:300vw;height:140cqw;position:absolute;bottom:-108cqw;left:50%;translate:-50%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@media (max-width:1023.98px){.mbp-scene .mbp{animation:linear both mbp-grow;animation-timeline:--mbp;animation-range:entry contain 0%}.mbp-scene .mbp-lid{animation:linear both mbp-lid-open;animation-timeline:--mbp;animation-range:entry contain 0%}}@media (min-width:1024px){.mbp-scene{--mbp-close:calc(100vh - 4.5rem)}.mbp-scene .mbp-pinned{transform-origin:50% 0;animation:ease-out both mbp-grow-in,ease-in both mbp-fade;animation-timeline:scroll(root),--mbp;animation-range:2rem 10rem, cover calc(var(--mbp-close) + 26vh) cover calc(var(--mbp-close) + 56vh)}.mbp-scene .mbp-stage{padding-bottom:0}.mbp-scene .mbp-deck-slot{bottom:0}.mbp-scene .mbp{transform-origin:50% 73%;animation:ease-in both mbp-away,ease-in both mbp-lift;animation-timeline:--mbp,--mbp;animation-range:cover calc(var(--mbp-close) + 10vh) cover calc(var(--mbp-close) + 56vh), cover var(--mbp-close) cover calc(var(--mbp-close) + 30vh)}.mbp-scene .mbp-lid,.mbp-scene .mbp-front,.mbp-scene .mbp-back,.mbp-scene .mbp-lid-edge{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--mbp;animation-range:cover var(--mbp-close) cover calc(var(--mbp-close) + 28vh)}.mbp-scene .mbp-lid{animation-name:mbp-lid-shut;animation-timing-function:var(--mbp-ease-in-out)}.mbp-scene .mbp-front{animation-name:mbp-face-front}.mbp-scene .mbp-back{animation-name:mbp-face-back}.mbp-scene .mbp-lid-edge{animation-name:mbp-edge-show}.mbp-scene .mbp-back svg,.mbp-scene .mbp-back:before{animation:mbp-light var(--mbp-ease-out) both;animation-timeline:--mbp;animation-range:cover calc(var(--mbp-close) + 16vh) cover calc(var(--mbp-close) + 28vh)}.mbp-scene .mbp-bezel:before{animation:linear both mbp-dim;animation-timeline:--mbp;animation-range:cover calc(var(--mbp-close) - 2vh) cover calc(var(--mbp-close) + 10vh)}}}}@keyframes mbp-grow{0%{scale:.9}to{scale:1}}@keyframes mbp-lid-open{0%{transform:rotateX(14deg)}to{transform:rotateX(0)}}@keyframes mbp-lift{to{translate:0 -28cqw}}@keyframes mbp-grow-in{to{scale:1.06}}@keyframes mbp-away{to{scale:.8}}@keyframes mbp-lid-shut{0%{rotate:x 0deg}to{rotate:x -118deg}}@keyframes mbp-face-front{0%,55.7%{visibility:visible}55.8%,to{visibility:hidden}}@keyframes mbp-face-back{0%,55.7%{visibility:hidden}55.8%,to{visibility:visible}}@keyframes mbp-edge-show{0%{visibility:hidden}1%,to{visibility:visible}}@keyframes mbp-dim{0%{opacity:0;visibility:hidden}1%{visibility:visible}to{opacity:.88;visibility:visible}}@keyframes mbp-light{to{opacity:1}}@keyframes mbp-fade{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.mbp-launch svg{animation-name:mbp-launch-fade}}@keyframes mbp-launch-fade{0%{opacity:0}}