.invitation-poster-preview{aspect-ratio:3/4;border-radius:var(--r-md);width:min(100%,340px);box-shadow:var(--elevation-overlay);color:#fff;isolation:isolate;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;container-type:inline-size}.invitation-poster-preview.has-background:before{z-index:-1;content:"";background:#080d0b75;position:absolute;inset:0}.invitation-poster-bottom-panel{border-radius:var(--r-md);position:absolute}.invitation-poster-invite-code{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:54%;font:700 4.45cqw ui-monospace,monospace;position:absolute;overflow:hidden}.invitation-poster-custom-text{z-index:3;color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;max-width:80%;font-size:3.9cqw;font-weight:700;line-height:1.2;position:absolute}.invitation-poster-qr{z-index:2;box-sizing:border-box;aspect-ratio:1;border-radius:var(--r-sm);box-shadow:var(--elevation-card);background:#fff;padding:1.48%;line-height:0;position:absolute}.invitation-poster-visible-qr{width:100%!important;height:100%!important;padding:0!important}.invitation-poster-visible-qr svg{width:100%;height:100%;display:block}.invitation-poster-export-qr{visibility:hidden;width:256px;height:256px;position:fixed;top:0;left:-10000px}.invitation-poster-preview.is-editable .invitation-poster-bottom-panel,.invitation-poster-preview.is-editable .invitation-poster-qr,.invitation-poster-preview.is-editable .invitation-poster-custom-text,.invitation-poster-preview.is-editable .invitation-poster-invite-code{touch-action:none;cursor:grab}.invitation-poster-preview.is-editable .invitation-poster-bottom-panel:hover,.invitation-poster-preview.is-editable .invitation-poster-qr:hover,.invitation-poster-preview.is-editable .invitation-poster-custom-text:hover,.invitation-poster-preview.is-editable .invitation-poster-invite-code:hover{outline-offset:2px;outline:2px solid #ffffffdb}.invitation-poster-preview.is-editable .invitation-poster-bottom-panel:active,.invitation-poster-preview.is-editable .invitation-poster-qr:active,.invitation-poster-preview.is-editable .invitation-poster-custom-text:active,.invitation-poster-preview.is-editable .invitation-poster-invite-code:active{cursor:grabbing}