.PlanCard{border-radius:var(--radius-2xl);color:var(--colors-foreground);z-index:1;background-color:#ffffff0a;display:flex;position:relative;overflow:hidden}@media (max-width:800px){.PlanCard{min-height:154px;padding:var(--spacing-2);gap:var(--spacing-3)}}.PlanCard.PlanCard--compact{min-height:154px;padding:var(--spacing-2);gap:var(--spacing-3)}.PlanCard:before{content:"";z-index:-1;opacity:.08;background:var(--plan-card-bg,none) 50%/cover no-repeat,var(--plan-card-bg,none) 50%/cover no-repeat,#d9d9d9;background-blend-mode:difference,normal,normal;filter:blur(40px);border-radius:.5rem 0 0 .5rem;position:absolute;inset:-10px}.PlanCard__image{aspect-ratio:266.8/322;min-width:40%;max-width:40%;max-height:322px;padding:var(--spacing-3);box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:800px){.PlanCard__image{aspect-ratio:auto;min-width:40%;max-width:40%;max-height:100%;padding:unset;padding:var(--spacing-1)}}.PlanCard--compact .PlanCard__image{aspect-ratio:auto;min-width:40%;max-width:40%;max-height:100%;padding:unset;padding:var(--spacing-1)}.PlanCard__image>img{object-fit:cover;border-radius:var(--radius-xs);background:var(--plan-card-bg,none) 50%/cover no-repeat,#d9d9d9;flex-shrink:0;max-width:100%;max-height:100%;box-shadow:0 4px 16px #0003}.PlanCard__details-container{padding:var(--spacing-4) var(--spacing-6);justify-content:center;gap:var(--spacing-4);word-break:break-word;flex-direction:column;flex:1 0 0;display:flex}@media (max-width:800px){.PlanCard__details-container{gap:var(--spacing-2);padding:unset}}.PlanCard--compact .PlanCard__details-container{gap:var(--spacing-2);padding:unset}.PlanCard__creator{align-items:center;gap:var(--spacing-2);display:flex}@media (max-width:800px){.PlanCard__creator .PieAvatar{width:24px;height:33px}}.PlanCard--compact .PlanCard__creator .PieAvatar{width:24px;height:33px}.PlanCard__creator>div:nth-child(2){gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.PlanCard__creator>div:nth-child(2) .Caption{line-height:16px}.PlanCard__creator>div:nth-child(2) h4{line-height:18px}.PlanCard__avatars{gap:var(--spacing-px);display:flex}.PlanCard__avatars-count{aspect-ratio:3/4;border-radius:var(--border-radius-xs);background:var(--colors-tertiary);width:32px;height:44px;color:var(--colors-tertiary-foreground);text-align:center;font-family:var(--font-san-serif);font-size:14px;font-weight:var(--font-weight-medium);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}