.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:#14221b;background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative;overflow:hidden}.invitation-poster-preview:before{z-index:-1;content:"";background:#080d0b75;position:absolute;inset:0}.invitation-poster-preview:not(.has-background):after{z-index:-1;aspect-ratio:1;border-radius:var(--r-full);content:"";border:42px solid #3ddc8429;width:71%;position:absolute;top:8%;right:-21%}.invitation-poster-brand{font-size:var(--fs-heading-lg);font-weight:700;position:absolute;top:4.17%;left:6.67%}.invitation-poster-bottom-panel{border-radius:var(--r-md);position:absolute}.invitation-poster-code-copy{z-index:1;flex-direction:column;width:54%;display:flex;position:absolute;bottom:7.64%;left:11.11%}.invitation-poster-code-copy span{color:#ffffff9e;font-size:var(--fs-tiny)}.invitation-poster-code-copy strong{margin-top:var(--space-1);font:700 var(--fs-body) ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invitation-poster-code-copy small,.invitation-poster-code-copy em{color:#ffffff94;font-size:var(--fs-micro);font-style:normal}.invitation-poster-code-copy small{margin-top:var(--space-4)}.invitation-poster-code-copy em{margin-top:var(--space-1)}.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{touch-action:none;cursor:grab}.invitation-poster-preview.is-editable .invitation-poster-bottom-panel:hover,.invitation-poster-preview.is-editable .invitation-poster-qr: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{cursor:grabbing}