/* Shared native menu bar illustration, used in the feature and MacBook previews. */
.mmp{color:#f5f5f7;font:12px/1.3 -apple-system,BlinkMacSystemFont,system-ui,sans-serif}
.mmp button{font:inherit;border:0;cursor:pointer;color:inherit}
.mmp svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mmp button>*{pointer-events:none}
.mmp-tabs{display:flex;border-radius:20px;background:#1e1f24;padding:4px;margin-bottom:10px}
.mmp-tabs button{display:grid;place-items:center;flex:1;min-width:0;height:30px;background:none;border-radius:15px;color:#9a9aa3}
.mmp-tabs button.is-on{background:#f5f5f7;color:#17171a}
.mmp-insight{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;background:#e0b43e;border-radius:18px;color:#17171a!important;text-align:left;font-weight:600!important;margin-bottom:10px}
.mmp-insight span{max-width:235px}.mmp-insight b{white-space:nowrap}
.mmp-card{background:#1e1f24;border-radius:20px;padding:14px;margin-bottom:8px}
.mmp-card-heading{display:flex;justify-content:space-between;gap:8px;color:#9a9aa3;font-size:11px;margin-bottom:8px}
.mmp-row{display:flex;align-items:center;gap:8px;min-height:40px}
.mmp-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;color:#17171a;flex:none}
.mmp-name{flex:1;min-width:0;font-weight:650}.mmp-name small{display:block;font-weight:400;color:#9a9aa3;font-size:10px;margin-top:1px}
.mmp-bar{display:block;flex:none;width:42px;height:4px;background:#292930;border-radius:5px;overflow:hidden}.mmp-bar i{display:block;height:100%;border-radius:5px}
.mmp-value{font:600 11px ui-monospace,monospace;min-width:58px;text-align:right;white-space:nowrap}
.mmp-app-row{display:flex;align-items:center;gap:8px;height:26px;font-size:11px}
.mmp-app-row>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mmp-app-row>b{min-width:38px;text-align:right;font-size:10px}
.mmp-app-icon{width:18px;color:#9a9aa3;font-size:16px;flex:none}
.mmp-actions{display:flex;justify-content:space-around;gap:5px;border-radius:20px;background:#1e1f24;padding:10px 6px}
.mmp-actions button{display:flex;align-items:center;gap:4px;background:none;font-size:10px;padding:0;white-space:nowrap}.mmp-actions svg{width:13px;height:13px}
.mmp-sample{font-size:9px;color:#9a9aa3;text-align:center;min-height:12px;margin:8px 0}
.mmp-footer{display:flex;align-items:center;gap:10px;padding-top:12px}
.mmp-footer button{background:none;font-size:18px;padding:0}
.mmp-footer .mmp-open{flex:1;background:#f5f5f7;color:#17171a;height:34px;border-radius:999px;font-size:13px;font-weight:700}
.mmp-history{height:55px;display:flex;align-items:end;gap:3px;margin-top:16px}.mmp-history i{flex:1;background:var(--chart);border-radius:2px;opacity:.7}
.mp{max-height:720px;overflow-y:auto;background:#141417f5!important}
.mp .mmp{font-size:12px}
.mb-panel{width:min(410px,100%)}
.mmp :focus-visible{outline:2px solid #4c9ef5;outline-offset:2px}