.pwa-invite{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);margin-block:var(--sp-4);border-radius:var(--shape-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}.pwa-invite-disc{flex:none;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:var(--shape-pill);background:var(--brand-soft);color:var(--brand)}.pwa-invite-body{flex:1 1 auto;min-inline-size:0}.pwa-invite-title{margin:0;font-size:var(--fs-body-sm);font-weight:var(--fw-title);line-height:var(--lh-title)}.pwa-invite-note{margin:0;-webkit-margin-before:2px;margin-block-start:2px;color:var(--muted);font-size:var(--fs-meta);font-weight:var(--fw-meta);line-height:var(--lh-meta);text-wrap:pretty}.pwa-invite-action{flex:0 0 auto}.pwa-invite-glyph{place-items:center;color:var(--brand)}.pwa-invite-close,.pwa-invite-glyph{display:grid;inline-size:var(--tap-min-inline);block-size:var(--tap-min)}.pwa-invite-close{flex:0 0 auto;place-items:center;-webkit-margin-end:calc(var(--sp-2) * -1);margin-inline-end:calc(var(--sp-2) * -1);border:0;border-radius:var(--shape-pill);background:transparent;color:var(--muted);cursor:pointer}@media (hover:hover) and (pointer:fine){.pwa-invite-close:hover{color:var(--text)}}@media (max-width:420px){.pwa-invite{position:relative;flex-wrap:wrap;-webkit-padding-end:calc(var(--sp-4) + var(--tap-min-inline));padding-inline-end:calc(var(--sp-4) + var(--tap-min-inline))}.pwa-invite-close{position:absolute;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);margin:0}.pwa-invite-action{inline-size:100%}}