#manocolor-popup{box-sizing:border-box;border:0;padding:0;margin:auto;width:min(var(--mcp-width,520px),calc(100vw - 32px));max-width:1000px;max-height:calc(100dvh - 32px);max-height:min(90vh,900px);overflow:auto;background:#fff;color:#202020;border-radius:18px;box-shadow:0 24px 90px #0005;font-family:inherit;text-align:left;overscroll-behavior:contain}
#manocolor-popup:not([open]){display:none!important}
#manocolor-popup::backdrop{background:rgba(0,0,0,.6)}
#manocolor-popup *{box-sizing:border-box}
#manocolor-popup .mcp-close{position:sticky;float:right;top:12px;right:12px;margin:12px 12px -56px 0;z-index:2;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;color:#222;font:30px/40px Arial,sans-serif;text-align:center;cursor:pointer;box-shadow:0 2px 10px #0002}
#manocolor-popup .mcp-image{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}
#manocolor-popup .mcp-content{padding:64px 32px 32px;clear:both}
#manocolor-popup .mcp-image+.mcp-content{padding-top:28px}
#manocolor-popup .mcp-title{font-size:clamp(24px,5vw,32px);line-height:1.15;font-weight:700;color:inherit;margin:0 0 16px;padding:0;overflow-wrap:anywhere}
#manocolor-popup .mcp-text{font-size:17px;line-height:1.6;color:#454545;margin:0 0 24px;padding:0;overflow-wrap:anywhere}
#manocolor-popup .mcp-button{display:inline-block;max-width:100%;padding:13px 24px;border-radius:8px;background:var(--mcp-accent,#222);color:#fff;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
#manocolor-popup .mcp-button:hover{filter:brightness(.9)}
#manocolor-popup :focus-visible{outline:3px solid #2463eb;outline-offset:3px}
#manocolor-popup .mcp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:480px){#manocolor-popup .mcp-content{padding-left:24px;padding-right:24px}}