body.mm-modal-open{overflow:hidden}
dialog.mm-modal{box-sizing:border-box;padding:0!important;overflow:hidden!important;max-height:90dvh;max-width:calc(100vw - 24px)}
dialog.mm-modal[open]{display:flex;flex-direction:column}
dialog.mm-modal>.mm-modal-header{position:relative;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #d8dfd1;background:#fcfdf8;min-width:0;box-sizing:border-box;z-index:1}
dialog.mm-modal .mm-modal-header .mm-modal-title{font:inherit;font-size:24px!important;font-weight:600;letter-spacing:-.3px;line-height:1.25;margin:0!important;padding:0!important;min-width:0;overflow-wrap:anywhere;grid-column:1}
dialog.mm-modal .mm-modal-header .mm-modal-close{position:static!important;float:none;grid-column:3;grid-row:1;justify-self:end;align-self:start;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:#224b3d;font:inherit;font-size:28px;cursor:pointer}
dialog.mm-modal .mm-modal-actions{grid-column:2;grid-row:1;min-width:0}
dialog.mm-modal .mm-modal-header .share-button{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:auto;min-height:44px;padding:10px 12px;margin:0;font-size:14px;line-height:1.3;white-space:nowrap;align-self:center!important}
dialog.mm-modal>.mm-modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;min-width:0;max-height:none;padding:22px 24px;box-sizing:border-box;scrollbar-gutter:stable}
dialog.mm-modal>.mm-modal-body>:first-child{margin-top:0}
dialog.mm-modal :focus-visible{outline:3px solid #b7793d;outline-offset:2px}
dialog.mm-modal.chat-drawer{max-height:100dvh;max-width:100vw}
dialog.mm-modal.chat-drawer>.mm-modal-body{padding:0;overflow:hidden;scrollbar-gutter:auto}
dialog.mm-modal.chat-drawer .chat-drawer-content{height:100%}
@media(max-width:600px){dialog.mm-modal{max-height:94dvh;width:calc(100vw - 16px);max-width:calc(100vw - 16px)}dialog.mm-modal>.mm-modal-header{padding:10px 12px;gap:8px;grid-template-columns:minmax(0,1fr) 44px}dialog.mm-modal .mm-modal-header .mm-modal-title{font-size:20px!important;grid-column:1;grid-row:1}dialog.mm-modal .mm-modal-header .mm-modal-close{grid-column:2;grid-row:1}dialog.mm-modal .mm-modal-actions{grid-column:1;grid-row:2;justify-self:end}dialog.mm-modal>.mm-modal-body{padding:18px 16px}dialog.mm-modal.chat-drawer{width:100vw;max-width:100vw;max-height:100dvh}dialog.mm-modal.share-panel{width:100%;max-width:100%}}
/* Keep the entire dialog inside the visual viewport without moving its input node. */
dialog.mm-modal{max-height:calc(var(--mm-viewport-height,100dvh) - 24px)}
dialog.mm-modal.chat-drawer{top:var(--mm-viewport-top,0px);bottom:auto;height:var(--mm-viewport-height,100dvh);max-height:var(--mm-viewport-height,100dvh);min-height:0}
@media(max-width:700px){dialog.mm-modal:not(.chat-drawer){position:fixed;inset:auto;top:calc(var(--mm-viewport-top,0px) + 8px);left:calc(var(--mm-viewport-left,0px) + 8px);width:calc(var(--mm-viewport-width,100vw) - 16px);max-width:calc(var(--mm-viewport-width,100vw) - 16px);max-height:calc(var(--mm-viewport-height,100dvh) - 16px);margin:0}dialog.mm-modal.chat-drawer{left:var(--mm-viewport-left,0px);right:auto;width:var(--mm-viewport-width,100vw);max-width:var(--mm-viewport-width,100vw);height:var(--mm-viewport-height,100dvh);max-height:var(--mm-viewport-height,100dvh)}.place-picker[open]{top:var(--mm-viewport-top,0px);left:var(--mm-viewport-left,0px);right:auto;bottom:auto;width:var(--mm-viewport-width,100vw);height:var(--mm-viewport-height,100dvh);max-height:var(--mm-viewport-height,100dvh)}}
@media(max-width:700px){dialog.mm-modal:not(.chat-drawer){top:calc(var(--mm-viewport-top,0px) + var(--mm-viewport-height,100dvh)*.5);transform:translateY(-50%)}dialog.mm-modal.share-panel{top:calc(var(--mm-viewport-top,0px) + var(--mm-viewport-height,100dvh));left:var(--mm-viewport-left,0px);width:var(--mm-viewport-width,100vw);max-width:var(--mm-viewport-width,100vw);transform:translateY(-100%)}}