.mf-scrim{z-index:50;background:color-mix(in oklch, var(--forest-ink) 22%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;inset:0}.mf{--mf-ring-room:5px;z-index:50;border-radius:var(--r-xl);background:var(--raised);width:min(512px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:0 40px 120px -20px color-mix(in oklch, var(--forest-ink) 45%, transparent), 0 0 0 1px color-mix(in oklch, var(--forest-ink) 6%, transparent);flex-direction:column;gap:22px;padding:28px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.mf[data-state=open]{animation:dlg-in .32s var(--ease-spring)}.mf-head{flex:none;align-items:center;gap:16px;min-width:0;display:flex}.mf-lead{flex:none;place-items:center;display:grid}.mf-titles{flex:1;gap:4px;min-width:0;display:grid}.mf-title{font:700 28px/1.05 var(--font-display);letter-spacing:-.025em;overflow-wrap:break-word;text-wrap:balance;margin:0}.mf-sub{color:color-mix(in oklch, currentColor 72%, transparent);margin:0;font-size:15px;line-height:1.45}.mf-ctls{flex:none;align-self:flex-start;align-items:center;gap:8px;margin-left:auto;display:flex}.mf-ctl{border-radius:var(--r-pill);background:color-mix(in oklch, currentColor 8%, transparent);min-width:36px;height:36px;color:inherit;font:620 14px/1 var(--font-body);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0;transition:background .15s;display:inline-flex}.mf-ctl:hover{background:color-mix(in oklch, currentColor 14%, transparent)}.mf-ctl:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}.mf-ctl svg{width:16px;height:16px}.mf-back{padding:0 14px 0 11px}.mf-body{min-height:0;margin:calc(-1 * var(--mf-ring-room));padding:var(--mf-ring-room);overscroll-behavior:contain;flex:auto;overflow:auto}.mf-foot{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.mf-foot-l{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.mf-foot-r{margin-left:auto;display:flex}@media (width<=767px),(pointer:coarse){.mf-ctl{min-width:44px;height:44px}}@media (width<=480px){.mf{padding:24px 22px 20px}.mf-title{font-size:26px}}.mf-body:empty{display:none}.mf:focus{outline:none}