.event-invite.svelte-aaeu11{--arrow-nudge: var(--scale-0-6, 4px);position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:center;gap:var(--pd-xs, 4px);min-width:0;overflow:hidden;border:1px solid var(--color-gray-80, #323a49);border-radius:var(--radius-lg, 12px);background:var(--color-gray-40, #19191f);text-decoration:none;color:inherit;transition:background-color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1)),border-color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1))}.event-invite.svelte-aaeu11:hover{background:var(--color-gray-60, #23252f)}.event-invite.svelte-aaeu11:hover .arrow:where(.svelte-aaeu11){transform:translate(calc(var(--arrow-nudge) * -1))}.event-invite.svelte-aaeu11:active{border-color:var(--base-print-key, #e1b03c)}.event-invite.svelte-aaeu11:active .arrow:where(.svelte-aaeu11){transform:translate(var(--arrow-nudge))}.event-invite.svelte-aaeu11:focus-visible{outline:2px solid var(--color-brand-90, #00abc2);outline-offset:2px}.event-invite.svelte-aaeu11 .artwork:where(.svelte-aaeu11){position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom left,#000,transparent);mask-image:linear-gradient(to bottom left,#000,transparent)}.event-invite.svelte-aaeu11 .body:where(.svelte-aaeu11){position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--pd-xs, 4px);min-width:0;padding:var(--pd-md, 12px);padding-inline-end:0}.event-invite.svelte-aaeu11 .title:where(.svelte-aaeu11){margin:0;color:var(--base-print-light, #f7feff)}.event-invite.svelte-aaeu11 .date:where(.svelte-aaeu11){display:inline-flex;align-items:center;gap:var(--pd-xs, 4px);margin:0;color:var(--color-orange-120, #e3a170);--icon-width: 14px;--icon-height: 14px;--icon-fill: currentColor}.event-invite.svelte-aaeu11 .arrow:where(.svelte-aaeu11){display:flex;flex-shrink:0;align-items:center;padding-inline-end:var(--pd-md, 12px);color:var(--base-print-light, #f7feff);--icon-width: var(--icon-xl, 24px);--icon-height: var(--icon-xl, 24px);--icon-fill: currentColor;transform:translate(0);transition:transform .16s cubic-bezier(0,.25,.75,1)}