.ui-modal-container:has(>.invitation-share){padding:20px}.ui-modal-surface.invitation-share{overscroll-behavior:contain;background:var(--site-panel);width:460px;max-width:100%;max-height:calc(100dvh - 40px);color:var(--site-text);border-radius:24px;margin:auto;padding:0;font-size:14px;line-height:1.5;overflow-y:auto}.invitation-share svg{stroke-width:1.8px;flex:none;width:18px;height:18px}.invitation-share-heading{align-items:flex-start;gap:12px;padding:26px 26px 22px;display:flex}.invitation-share-emblem{background:var(--accent-soft);width:44px;height:44px;color:var(--site-accent);border-radius:14px;flex:none;place-items:center;display:grid}.invitation-share-emblem svg{width:22px;height:22px}.invitation-share-heading>div{flex:1;min-width:0}.invitation-share-heading h2{color:var(--site-text);margin:0;font-size:20px;font-weight:700;line-height:28px}.invitation-share-heading p{color:var(--site-muted);margin:5px 0 0;font-size:12px;line-height:19px}.invitation-share .invitation-share-close{width:30px;min-width:30px;height:30px;min-height:30px;color:var(--site-muted);border-radius:50%;flex:none;margin:-6px -8px 0 0;padding:6px}.invitation-share-body{padding:0 26px 12px}.invitation-share-card{border:1px solid rgb(var(--site-ink) / .06);background:linear-gradient(145deg, var(--accent-soft), transparent 70%), var(--site-field);text-align:center;border-radius:18px;flex-direction:column;align-items:center;padding:22px 20px 18px;display:flex}.invitation-share-title{overflow-wrap:anywhere;max-width:100%;margin-bottom:16px;font-size:18px;font-weight:600;line-height:26px}.invitation-share-qr{background:#fff;border:1px solid #eee8eb;border-radius:14px;padding:4px;box-shadow:0 5px 20px #512b3b08}.invitation-share-qr img{width:200px;max-width:100%;height:auto;image-rendering:pixelated;border-radius:10px;display:block}.invitation-share-scan{color:var(--site-muted);margin:14px 0 8px;font-size:12px}.invitation-share-download{min-height:30px;color:var(--site-accent-text);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.invitation-share-download svg{width:14px;height:14px}.invitation-share-link-row{border:1px solid rgb(var(--site-ink) / .12);background:var(--site-field);color:var(--site-muted);border-radius:12px;align-items:center;gap:10px;margin-top:20px;padding:5px 5px 5px 12px;display:flex}.invitation-share-link-row>a{min-width:0;color:var(--site-copy);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.invitation-share .invitation-share-copy{background:var(--site-accent);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;height:auto;min-height:38px;padding:9px 13px;font-size:12px;font-weight:600;display:inline-flex}.invitation-share .invitation-share-copy:hover{background:var(--site-accent-hover)}.invitation-share-copy svg{width:15px;height:15px}.invitation-share-channels{border-top:1px solid rgb(var(--site-ink) / .08);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:20px;display:grid}.invitation-share .invitation-share-channel{min-width:0;height:auto;color:var(--site-copy);text-align:center;white-space:normal;overflow-wrap:anywhere;background:0 0;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding:8px 4px;font-size:12px;line-height:18px;transition:background .15s;display:flex}.invitation-share-channel-icon{border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.invitation-share-channel-icon.is-whatsapp{color:#16854e;background:#e5f5ed}.invitation-share-channel-icon.is-email{color:#4b70b7;background:#eaf0fc}.invitation-share-channel-icon.is-share{background:var(--accent-soft);color:var(--site-accent-text)}.invitation-share .invitation-share-channel:hover,.invitation-share .invitation-share-close:hover{background:rgb(var(--site-ink) / .045)}.invitation-share :is(a,button):focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}.invitation-share-notice{min-height:18px;color:var(--site-accent-text);text-align:center;margin:6px 0 0;font-size:12px}@media (max-width:480px){.ui-modal-container:has(>.invitation-share){padding:12px}.ui-modal-surface.invitation-share{border-radius:20px;max-height:calc(100dvh - 24px)}.invitation-share-heading{padding:22px 18px 18px}.invitation-share-body{padding-inline:18px}.invitation-share-card{padding:18px 14px 14px}.invitation-share-link-row{gap:8px}.invitation-share .invitation-share-copy{padding-inline:10px}}
