@layer components{.demo-invite{gap:16px;max-width:36rem;margin:0;display:grid}.demo-invite-photo{aspect-ratio:5/2;background:var(--color-dusk);border-radius:2px;position:relative;overflow:hidden}.demo-invite-photo>img{object-fit:cover;object-position:50% 38%;width:100%;height:100%;position:absolute;inset:0}.demo-invite-msg{width:min(17rem,52%);position:absolute;top:50%;left:6%;translate:0 -50%}@media (max-width:639px){.demo-invite-photo{aspect-ratio:4/3}.demo-invite-photo>img{object-position:62% 50%}}@keyframes demo-invite-in{0%{opacity:0;translate:0 calc(12px - 50%)}}@media (prefers-reduced-motion:no-preference){.demo-invite-msg{animation:demo-invite-in .8s var(--ease-film) .6s both}}}