.mb-face-button{display:block;position:relative;z-index:2;margin:.45rem .5rem .45rem auto;border:1px solid #2e736d;border-radius:999px;padding:.4rem .8rem;background:#edfdf8;color:#164b46;font:600 .82rem/1.25 system-ui,sans-serif;cursor:pointer}.mb-face-button:hover{background:#d1faef}.pg_wrapper .mb-face-button{position:absolute;right:.2rem;bottom:.2rem}.pg_wrapper [class^=pg_]:has(>.mb-face-button){position:relative}.mb-face-dialog{width:min(42rem,calc(100% - 1.5rem));max-height:90vh;border:1px solid #cedbd8;border-radius:1rem;padding:1rem;background:#fff;color:#142422;box-shadow:0 1.2rem 4rem #001b1850}.mb-face-dialog::backdrop{background:#041b18a0}.mb-face-dialog header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.mb-face-dialog h2{font-size:1.15rem;margin:0}.mb-face-dialog button,.mb-face-dialog label{display:inline-block;margin:.45rem 0;border:1px solid #b8d3cd;border-radius:.5rem;padding:.4rem .65rem;background:#effaf7;color:#173c35;cursor:pointer}.mb-face-dialog input{display:block;max-width:100%;margin-top:.35rem}.mb-face-dialog canvas,.mb-face-dialog video{display:block;width:auto;max-width:100%;max-height:55vh;margin:.4rem auto;border-radius:.5rem}.mb-face-dialog p{margin:.45rem 0}.mb-face-dialog p:empty{display:none}
.mb-face-reel-button{position:absolute;z-index:30;top:calc(env(safe-area-inset-top) + 3.4rem);right:.65rem;pointer-events:auto}
.mb-face-photo{position:relative}.mb-face-photo>.mb-face-button{position:absolute;right:.3rem;bottom:.3rem}
dialog.mb-face-dialog{position:fixed;inset:0;margin:auto;height:fit-content;overflow:auto}