.mbp{--mbp-rim:#c7cad0;--mbp-rim-edge:#e9ebee;--mbp-base-top:#e2e4e8;--mbp-base-mid:#b6bac1;--mbp-base-low:#7d828a;--mbp-base-edge:#4d5157;--mbp-bezel:#07080a;--mbp-shadow:#0f142847;--mbp-edge-light:92 153 255;--mbp-edge-core:214 230 255;--mbp-edge-strength:.55;isolation:isolate;width:100%;position:relative}[data-theme=dark] .mbp{--mbp-rim:#3b3e45;--mbp-rim-edge:#6a6e76;--mbp-base-top:#686c74;--mbp-base-mid:#41444b;--mbp-base-low:#26282d;--mbp-base-edge:#111215;--mbp-shadow:#000000b3;--mbp-edge-strength:1}.mbp-glow{z-index:-1;background:radial-gradient(50% 50% at 50% 50%, rgb(41 121 255/calc(.22 * var(--mbp-edge-strength))), rgb(41 121 255/calc(.07 * var(--mbp-edge-strength))) 45%, transparent 72%);pointer-events:none;height:36%;position:absolute;bottom:-16%;left:-10%;right:-10%}.mbp-lid:before,.mbp-lid:after{--mbp-r:clamp(14px, 2.25vw, 27px);border-radius:var(--mbp-r) var(--mbp-r) 6px 6px;background:radial-gradient(16% 26% at 0% 0%, rgb(var(--mbp-edge-core)), rgb(var(--mbp-edge-light) / .55) 40%, transparent 100%), radial-gradient(9% 16% at 100% 100%, rgb(var(--mbp-edge-light) / .55), transparent 100%);opacity:var(--mbp-edge-strength);content:"";pointer-events:none;position:absolute;inset:calc(-1*clamp(3px,.34vw,5px))}.mbp-lid:before{z-index:1;-webkit-mask-composite:xor;padding:1.5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mbp-lid:after{z-index:-1;filter:blur(clamp(8px,1vw,14px));opacity:calc(.45 * var(--mbp-edge-strength));inset:calc(-1*clamp(4px,.5vw,8px))}.mbp-lid{background:var(--mbp-bezel);box-shadow:0 0 0 1px #ffffff0f inset, 0 0 0 clamp(1.5px, .22vw, 3px) var(--mbp-rim), 0 0 0 clamp(2px, .3vw, 4px) var(--mbp-rim-edge), 0 40px 70px -40px var(--mbp-shadow);border-radius:clamp(12px,2vw,24px) clamp(12px,2vw,24px) clamp(3px,.4vw,5px) clamp(3px,.4vw,5px);padding:1.25% 1.25% 1.6%;position:relative}.mbp-screen{aspect-ratio:16/10;border-radius:clamp(5px,.9vw,11px) clamp(5px,.9vw,11px) 2px 2px;position:relative;overflow:hidden;container-type:inline-size}.mbp-notch{z-index:8;background:var(--mbp-bezel);pointer-events:none;border-radius:0 0 clamp(4px,.7vw,9px) clamp(4px,.7vw,9px);place-items:center;width:11.5%;height:3.1%;display:grid;position:absolute;top:0;left:50%;translate:-50%}.mbp-notch span{background:radial-gradient(circle at 35% 35%,#2b4a7a,#0b1220 60%);border-radius:50%;width:.55cqw;height:.55cqw;box-shadow:0 0 0 1px #111317}.mbp-glare{z-index:7;pointer-events:none;background:linear-gradient(118deg,#ffffff12 0%,#ffffff06 28%,#0000 42%);position:absolute;inset:0}.mbp-base{background:linear-gradient(180deg, var(--mbp-base-top) 0%, var(--mbp-base-mid) 32%, var(--mbp-base-low) 78%, var(--mbp-base-edge) 100%);border-radius:2px 2px 45% 45%/2px 2px 100% 100%;width:116%;height:clamp(9px,1.8vw,20px);margin-left:-8%;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px 1px #00000059,0 10px 14px -10px #000c}.mbp-lip{background:linear-gradient(180deg, var(--mbp-base-low), var(--mbp-base-mid));border-radius:0 0 12px 12px/0 0 100% 100%;width:14%;height:42%;position:absolute;top:0;left:50%;translate:-50%;box-shadow:inset 0 1px 2px #00000059}.mbp-fill{display:flex;position:absolute;inset:3.4% 0 0;overflow:hidden}.mbp-fill>*,.mbp-fill .window-frame{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0}[data-theme=dark] .mbp-fill [data-screen]{--screen-bg:#06070b;--screen-panel:#0d1017;--screen-raised:#141823;--screen-sunken:#0a0c12;--screen-hairline:#ffffff12;--screen-hairline-strong:#ffffff21;--screen-titlebar-bg:#0d1017;--screen-ink:#eef2fa;--screen-ink-2:#8e97ad;--screen-brand:#1d5fe0;--screen-brand-text:#4d8dff;--screen-focus:#4d8dff}