.mb{--mb-rim-1:#eceef0;--mb-rim-2:#c6c8cc;--mb-rim-3:#9da0a6;--mb-deck:#f5f6f7;--mb-base-1:#dfe1e4;--mb-base-2:#b9bcc1;--mb-base-3:#8c9096;--mb-scoop-1:#8a8e94;--mb-scoop-2:#c1c4c8;--mb-edge:#ffffff8c;--mb-shade:#00000029;--mb-floor:#17161a33;--mb-glass-1:#141416;--mb-glass-2:#050506;--mb-glass-edge:#ffffff12;--mbu:calc(100cqw / 1680);width:100%;padding-bottom:calc(26 * var(--mbu));position:relative;container-type:inline-size}.mb[data-finish=black]{--mb-rim-1:#55575b;--mb-rim-2:#3a3c3f;--mb-rim-3:#252628;--mb-deck:#5d5f63;--mb-base-1:#404246;--mb-base-2:#2c2d30;--mb-base-3:#1b1c1e;--mb-scoop-1:#141516;--mb-scoop-2:#313235;--mb-edge:#ffffff29}.mb-lid{z-index:1;width:calc(1562 * var(--mbu));padding:calc(7.5 * var(--mbu)) calc(7.5 * var(--mbu)) calc(4 * var(--mbu));border-radius:calc(34 * var(--mbu)) calc(34 * var(--mbu)) calc(4 * var(--mbu)) calc(4 * var(--mbu));background:linear-gradient(180deg, var(--mb-rim-1), var(--mb-rim-2) 45%, var(--mb-rim-3));box-shadow:inset 0 calc(1 * var(--mbu)) 0 var(--mb-edge), 0 calc(30 * var(--mbu)) calc(80 * var(--mbu)) var(--mb-floor);margin-inline:auto;position:relative}.mb .mb-lid>.mb-glass{position:relative}.mb .mb-lid>.mb-glass,.mb .mb-lid>.sk-device.sk-device{max-width:none;padding:calc(17.5 * var(--mbu)) calc(17.5 * var(--mbu)) calc(38 * var(--mbu));border-radius:calc(27 * var(--mbu)) calc(27 * var(--mbu)) 0 0;background:linear-gradient(180deg, var(--mb-glass-1), var(--mb-glass-2));box-shadow:inset 0 0 0 calc(1 * var(--mbu)) var(--mb-glass-edge);margin:0}.mb-base{z-index:2;width:100%;height:calc(52 * var(--mbu));margin-top:calc(-3 * var(--mbu));border-radius:calc(5 * var(--mbu)) calc(5 * var(--mbu)) calc(30 * var(--mbu)) calc(30 * var(--mbu)) / calc(5 * var(--mbu)) calc(5 * var(--mbu)) calc(24 * var(--mbu)) calc(24 * var(--mbu));background:linear-gradient(90deg, var(--mb-shade), transparent 7%, transparent 93%, var(--mb-shade)), linear-gradient(180deg, var(--mb-deck) 0, var(--mb-base-1) 14%, var(--mb-base-2) 55%, var(--mb-base-3) 100%);box-shadow:inset 0 calc(1 * var(--mbu)) 0 var(--mb-edge);position:relative}.mb-scoop{width:calc(250 * var(--mbu));height:calc(11 * var(--mbu));border-radius:0 0 calc(16 * var(--mbu)) calc(16 * var(--mbu)) / 0 0 calc(11 * var(--mbu)) calc(11 * var(--mbu));background:linear-gradient(180deg, var(--mb-scoop-1), var(--mb-scoop-2));box-shadow:inset 0 calc(2 * var(--mbu)) calc(3 * var(--mbu)) var(--mb-shade);position:absolute;top:0;left:50%;translate:-50%}.mb-floor{left:6%;right:6%;bottom:calc(8 * var(--mbu));height:calc(34 * var(--mbu));background:radial-gradient(closest-side, var(--mb-floor), transparent);filter:blur(calc(6 * var(--mbu)));z-index:0;border-radius:50%;position:absolute}.sk-stage-slot .mb{max-width:calc(151.899svh - 349.367px);margin-inline:auto}html[data-sketch-frame] .mb{max-width:none;padding:0;container-type:normal}html[data-sketch-frame] .mb-lid{width:auto;box-shadow:none;background:0 0;border-radius:0;padding:0}html[data-sketch-frame] .mb .mb-lid>.sk-device.sk-device{box-shadow:none;background:0 0;border-radius:0;padding:0}html[data-sketch-frame] .mb-base,html[data-sketch-frame] .mb-floor{display:none}.mb-ground{--mb-surface:#f3f2f7;--mb-light:#a78bfa42;--mb-warm:#fdbea54d;--mb-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");isolation:isolate;background:var(--mb-grain) 0 0 / 180px 180px, radial-gradient(75% 65% at 50% -10%, var(--mb-light), transparent 72%), radial-gradient(55% 60% at 100% 105%, var(--mb-warm), transparent 72%), var(--mb-surface);position:relative}html[data-sketch-frame] .mb-ground{background:0 0;border-radius:0;padding:0}
.pt-card,.pt-canvas,.pf{--pt-card:#fff;--pt-canvas:#f2f2f3;--pt-edge:#17161a14}.pt-card{width:100%;aspect-ratio:var(--bw) / var(--bh);background:var(--pt-card);box-shadow:0 0 0 1px var(--pt-edge);border-radius:18px;position:relative;overflow:hidden;container-type:inline-size}.pt-card>.sk-device,.pt-card>.sk-screen{left:calc(var(--bx) / var(--bw) * -100cqw);top:calc(var(--by) / var(--bw) * -100cqw);width:calc(1512 / var(--bw) * 100cqw);max-width:none;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;position:absolute}.pt-card>.sk-device>.sk-screen{width:100%}.pt-card .sk-screen{background:var(--pt-card);border-radius:0}.pt-card .sk-wall,.pt-card .sk-menubar,.pt-card .nd-keycap,.pt-card .dc-sidebar,.pt-card .dc-compose,.pt-card .dc-head,.pt-card .dc-head-icon,.pt-card .dc-window .sk-lights{display:none}.pt-card .dc-window{box-shadow:none;background:0 0}.pt-canvas{background:var(--pt-canvas);border-radius:clamp(14px,2vw,24px);padding:clamp(20px,5vw,64px)}