/* MPW - Massage in a Nutshell : widget button + modal */ .mpw-nutshell .mpw-nutshell-trigger { display: inline-block; line-height: 0; } .mpw-nutshell .mpw-nutshell-trigger img { display: block; border: 0; max-width: 100%; height: auto; } /* Modal overlay (created by widget.js, appended to ) */ .mpw-nutshell-overlay { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, 0.7); box-sizing: border-box; } .mpw-nutshell-overlay[hidden] { display: none; } .mpw-nutshell-dialog { position: relative; width: 602px; height: 452px; max-width: 100%; max-height: 100%; background: #fffaf5; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4); box-sizing: border-box; } .mpw-nutshell-dialog iframe { display: block; width: 100%; height: 100%; border: 0; } .mpw-nutshell-close { position: absolute; top: -14px; right: -14px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #9b3e1d; color: #fff; font-size: 20px; line-height: 32px; text-align: center; cursor: pointer; } .mpw-nutshell-close:hover, .mpw-nutshell-close:focus { background: #7c3017; outline: none; } body.mpw-nutshell-open { overflow: hidden; }