.PlanCard{display:flex;height:288px;background-color:var(--colors-zinc-800);border-radius:24px;overflow:hidden;color:var(--colors-foreground);position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}@media(min-width:800px){.PlanCard:hover{box-shadow:0 4px 0 0 var(--colors-accent-2);transform:translateY(-2px)}}@media(max-width:800px){.PlanCard{flex-direction:column;height:auto}}.PlanCard>img{height:100%;width:288px;object-fit:cover;-webkit-user-drag:none;flex-shrink:0}@media(max-width:800px){.PlanCard>img{height:calc(100dvw - 48px);width:100%}}.PlanCard>div{flex:1 1;margin:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}.PlanCard__detail{min-height:16px;display:flex;align-items:center}@media(max-width:800px){.PlanCard__header{background:rgba(26,26,26,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-left:calc(-1*var(--spacing-6));padding:var(--spacing-4) var(--spacing-6);width:280px;border-top-right-radius:4px;border-bottom-right-radius:4px;position:absolute;top:250px}.PlanCard__header .Caption,.PlanCard__header>h2{color:var(--colors-secondary)}.PlanCard__header>h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}}.PlanCard__creator{display:flex;align-items:center;gap:var(--spacing-2)}.PlanCard__creator>img{width:40px;height:40px;border-radius:50%;-webkit-user-drag:none}.PlanCard__creator>div{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-1)}.PlanCard__creator>div .Caption{line-height:16px}.PlanCard__creator>div h4{line-height:18px}.PlanCard__avatars{display:flex;padding-left:var(--spacing-4)}.PlanCard__avatars>img{width:40px;height:40px;border-radius:50%;margin-left:calc(-1*var(--spacing-4));-webkit-user-drag:none;border:1px solid var(--colors-base-black);box-sizing:border-box;background-color:var(--colors-base-black)}.PlanCard__avatars-blur{width:48px;height:48px;filter:blur(3px)}.PlanCard__avatars>div{height:40px;border-radius:24px;background-color:var(--colors-secondary);display:flex;align-items:center;justify-content:center;padding:0 12px;color:var(--colors-zinc-950);font-size:14px;font-weight:700;margin-left:calc(-1*var(--spacing-4));z-index:1;text-wrap:nowrap}.PlanCard hr{background-color:var(--colors-zinc-500);margin:var(--spacing-2)}.PlanCard__date-time{display:flex;align-items:center;gap:var(--spacing-4)}.PlanCard__date-time>div,.PlanCard__location{display:flex;align-items:center;gap:var(--spacing-1)}.PlanCard__location>div{width:18px;height:18px;display:flex;align-items:center;justify-content:center}